Datetimepicker

Bootstrap 4 compatible Datetimepicker with Material Design UI

Datetimepicker component allows user to select a date from a calendar and time from a visual analog clock; it also accepts values via direct input. You can find a variety of date and time picker examples here.

For more options and documentation, visit : Bootstrap 4 Datetimepicker

Propeller Datetimepicker

This is the default date and time picker with Propeller theme.

Initialize datetimepicker plugin by calling .datetimepicker() function.

Time Picker

It is used when you only need to fetch just the time from the user.

Date Picker

It is used when you only need to fetch just the Date from the user.

Linked Picker

These are two individual date and time pickers, of which, one is used to select start date and time and the other is used to select end date and time.

View Mode

This one is used when you want the user to select a year and month. For example: This kind of picker is used for selecting expiry date of a card.

Disabled Days of the Month

This is a date and time picker which can be used when you want to show few days of the month as disabled. For exmaple: Here, saturdays and sundays are shown as disabled.

Inline Datetimepicker

Such type of datetimepickers are by default displayed as visible.

When you click to select the date and time in this case, a modal appears containing the datetimepicker. The modal also consists of cancel and select button in order to submit or cancel the date and time selected.

Datetimepicker with left header

In such type of date and time picker the header of the picker is displayed to the left. It displays current date significantly.