# Source: https://mui.com/x/api/date-pickers.md

# Date and Time Pickers - API Reference

This page contains an index to the most important APIs of the Date and Time Pickers.

## Components

### Pickers

#### Date Pickers

- [DatePicker](/x/api/date-pickers/date-picker/)
- [DesktopDatePicker](/x/api/date-pickers/desktop-date-picker/)
- [MobileDatePicker](/x/api/date-pickers/mobile-date-picker/)
- [StaticDatePicker](/x/api/date-pickers/static-date-picker/)

#### Time Pickers

- [TimePicker](/x/api/date-pickers/time-picker/)
- [DesktopTimePicker](/x/api/date-pickers/desktop-time-picker/)
- [MobileTimePicker](/x/api/date-pickers/mobile-time-picker/)
- [StaticTimePicker](/x/api/date-pickers/static-time-picker/)

#### Date Time Pickers

- [DateTimePicker](/x/api/date-pickers/date-time-picker/)
- [DesktopDateTimePicker](/x/api/date-pickers/desktop-date-time-picker/)
- [MobileDateTimePicker](/x/api/date-pickers/mobile-date-time-picker/)
- [StaticDateTimePicker](/x/api/date-pickers/static-date-time-picker/)

#### Date Range Pickers [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')

- [DateRangePicker](/x/api/date-pickers/date-range-picker/)
- [DesktopDateRangePicker](/x/api/date-pickers/desktop-date-range-picker/)
- [MobileDateRangePicker](/x/api/date-pickers/mobile-date-range-picker/)
- [StaticDateRangePicker](/x/api/date-pickers/static-date-range-picker/)

#### Time Range Pickers [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')

- [TimeRangePicker](/x/api/date-pickers/time-range-picker/)
- [DesktopTimeRangePicker](/x/api/date-pickers/desktop-time-range-picker/)
- [MobileTimeRangePicker](/x/api/date-pickers/mobile-time-range-picker/)

#### Date Time Range Pickers [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')

- [DateTimeRangePicker](/x/api/date-pickers/date-time-range-picker/)
- [DesktopDateTimeRangePicker](/x/api/date-pickers/desktop-date-time-range-picker/)
- [MobileDateTimeRangePicker](/x/api/date-pickers/mobile-date-time-range-picker/)

### Fields

- [DateField](/x/api/date-pickers/date-field/)
- [TimeField](/x/api/date-pickers/time-field/)
- [DateTimeField](/x/api/date-pickers/date-time-field/)
- [MultiInputDateRangeField [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')](/x/api/date-pickers/multi-input-date-range-field/)
- [SingleInputDateRangeField [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')](/x/api/date-pickers/single-input-date-range-field/)
- [MultiInputTimeRangeField [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')](/x/api/date-pickers/multi-input-time-range-field/)
- [SingleInputTimeRangeField [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')](/x/api/date-pickers/single-input-time-range-field/)
- [MultiInputDateTimeRangeField [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')](/x/api/date-pickers/multi-input-date-time-range-field/)
- [SingleInputDateTimeRangeField [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')](/x/api/date-pickers/single-input-date-time-range-field/)

### Calendars

- [DateCalendar](/x/api/date-pickers/date-calendar/)
- [DateRangeCalendar [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')](/x/api/date-pickers/date-range-calendar/)
- [MonthCalendar](/x/api/date-pickers/month-calendar/)
- [YearCalendar](/x/api/date-pickers/year-calendar/)

### Clocks

- [TimeClock](/x/api/date-pickers/time-clock/)
- [DigitalClock](/x/api/date-pickers/digital-clock/)
- [MultiSectionDigitalClock](/x/api/date-pickers/multi-section-digital-clock/)

### Toolbars

- [DatePickerToolbar](/x/api/date-pickers/date-picker-toolbar/)
- [TimePickerToolbar](/x/api/date-pickers/time-picker-toolbar/)
- [DateTimePickerToolbar](/x/api/date-pickers/date-time-picker-toolbar/)
- [DateRangePickerToolbar [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')](/x/api/date-pickers/date-range-picker-toolbar/)
- [TimeRangePickerToolbar [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')](/x/api/date-pickers/time-range-picker-toolbar/)
- [DateTimeRangePickerToolbar [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')](/x/api/date-pickers/date-time-range-picker-toolbar/)

### Others

- [DateRangePickerDay [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')](/x/api/date-pickers/date-range-picker-day/)
- [DateTimePickerTabs](/x/api/date-pickers/date-time-picker-tabs/)
- [TimeRangePickerTabs [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')](/x/api/date-pickers/time-range-picker-tabs/)
- [DateTimeRangePickerTabs [<span class="plan-pro"></span>](/x/introduction/licensing/#pro-plan 'Pro plan')](/x/api/date-pickers/date-time-range-picker-tabs/)
- [DayCalendarSkeleton](/x/api/date-pickers/day-calendar-skeleton/)
- [LocalizationProvider](/x/api/date-pickers/localization-provider/)
- [PickersCalendarHeader](/x/api/date-pickers/pickers-calendar-header/)
- [PickersDay](/x/api/date-pickers/pickers-day/)