Datetime Picker

Example

Simple datetime picker.

Simple input

Input with icon

Configuration code:

new DatetimePickerConfig()
            .withMinDate(min.toDate())
            .withMaxDate(max.toDate())
            .withFormat("dd/MM/yyyy HH:mm:ss");

BirthdayPicker

Example

Birthday picker

Simple input

Input with icon

Configuration code:

new DatetimePickerConfig()
            .useView(DatetimePickerConfig.ViewModeType.YEARS)
            .withFormat("dd/MM/yyyy")
            .withMaxDate(new Date());

DatetimePicker with mask

Example

Datetime picker with masks

Simple input

Input with icon

Configuration code:

new DatetimePickerConfig()
            .withFormat("dd/MM/yyyy HH:mm:ss")
            .useMaskInput(true);

DatetimePicker with icons

Example

Datetime picker with FontAwesome icons

Simple input

Input with icon

Configuration code:

new DatetimePickerConfig()
            .withFormat("dd/MM/yyyy HH:mm:ss")
            .withButtons(Map.of(BTN_SHOW_TODAY, true, BTN_SHOW_CLEAR, true, BTN_SHOW_CLOSE, true))
            .with(
                new DatetimePickerIconConfig()
                    .useDateIcon(FontAwesome6IconType.calendar_days_r)
                    .useTimeIcon(FontAwesome6IconType.clock_s)
                    .useUpIcon(FontAwesome6IconType.arrow_up_s)
                    .useDownIcon(FontAwesome6IconType.arrow_down_s)
                    .usePreviousIcon(FontAwesome6IconType.arrow_left_s)
                    .useNextIcon(FontAwesome6IconType.arrow_right_s)
                    .useTodayIcon(FontAwesome6IconType.calendar_check_s)
                    .useClearIcon(FontAwesome6IconType.eraser_s)
                    .useCloseIcon(FontAwesome6IconType.xmark_s)
            );

Local Datetime Picker

Example

Simple local datetime picker.

Simple input

Input with icon

Configuration code:

new DatetimePickerConfig()
            .withFormat("dd/MM/yyyy HH:mm:ss");

Local BirthdayPicker

Example

Birthday picker

Simple input

Input with icon

Configuration code:

new DatetimePickerConfig()
            .useView(DatetimePickerConfig.ViewModeType.YEARS)
            .withFormat("dd/MM/yyyy")
            .withMaxDate(new Date());

Local DatetimePicker with mask

Example

Local Datetime picker with masks

Simple input

Input with icon

Configuration code:

new DatetimePickerConfig()
            .withFormat("dd/MM/yyyy HH:mm:ss")
            .useMaskInput(true);

Local DatetimePicker with icons

Example

Local Datetime picker with FontAwesome icons

Simple input

Input with icon

Configuration code:

new DatetimePickerConfig()
            .withFormat("dd/MM/yyyy HH:mm:ss")
            .withButtons(Map.of(BTN_SHOW_TODAY, true, BTN_SHOW_CLEAR, true, BTN_SHOW_CLOSE, true))
            .with(
                new DatetimePickerIconConfig()
                    .useDateIcon(FontAwesome6IconType.calendar_days_r)
                    .useTimeIcon(FontAwesome6IconType.clock_s)
                    .useUpIcon(FontAwesome6IconType.arrow_up_s)
                    .useDownIcon(FontAwesome6IconType.arrow_down_s)
                    .usePreviousIcon(FontAwesome6IconType.arrow_left_s)
                    .useNextIcon(FontAwesome6IconType.arrow_right_s)
                    .useTodayIcon(FontAwesome6IconType.calendar_check_s)
                    .useClearIcon(FontAwesome6IconType.eraser_s)
                    .useCloseIcon(FontAwesome6IconType.xmark_s)
            );