Spotlight: Flatpickr for Date Selection

Flatpickr is a lightweight, powerful date picker. Oorian's wrapper provides full access to its features.

Date Picker

FpDatePicker datePicker = new FpDatePicker();
datePicker.setDateFormat("Y-m-d");
datePicker.setMinDate(LocalDate.now());
datePicker.setDefaultDate(LocalDate.now().plusDays(7));
body.addElement(datePicker);

Date Range

FpDatePicker rangePicker = new FpDatePicker();
rangePicker.setMode(FpMode.RANGE);
rangePicker.registerListener(this, DateRangeEvent.class);

Time Picker

FpDatePicker timePicker = new FpDatePicker();
timePicker.setEnableTime(true);
timePicker.setNoCalendar(true);

Conclusion

Flatpickr provides a beautiful, consistent date picking experience across all browsers.