# Datetimepicker

The Datetimepicker widget allows the user to select a value from a calendar or a time drop-down list as well as direct input. You can find a wide variety of date and time pickers here.

We have used Bootstrap Datetimepicker as a reference which we have then customized based on our Propeller theme.

For more options and documentation, visit : Bootstrap Datetimepicker

## Propeller Datetimepicker

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

Initialize datetimepicker plugin by calling `.datetimepicker()` function.

Select Date and Time

## Time Picker

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

Select Time

## 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.

Start Date
End Date

## 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.

Select Year and Month

## 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.

Select Date and Time

## Inline Datetimepicker

Such type of datetimepickers are by default displayed as visible.

## Datetimepicker in Modal

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.

Select Date and Time

## 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.

Select Date and Time