### Basic You can select or input a date, month, year, time or datetime ### ValueType You can set the type of the v-model value by `valueType`. - "format": return a string same as the input value. - "date"(default): return a Date Object. - "timestamp": return a Number. - token: a accepted format string pattern. ### Range Support to select a date range. ### DisabledDate & DisabledTime Disabled part of dates and time by `disabledDate` and `disabledTime` respectively ### Disabled & editable - disabled: A disabled state of the DatePicker - editable: Whether to allow manual input ### Shortcut You can set `shortcuts` to improve user experience. You can also use the header slot or the footer slot ### Control TimePanel visible Determing whether the time panel is displayed by `showTimePanel`. The time panel is displayed after the date is selected by default. ### Control Open You can use the prop `open` to control the visible of popup. The time picker doesn't automatically close by default. This example automatically close the popup when the seconds is selected. ### Hide Seconds & Show AM/PM The columns of the time Picker is displayed according to the value of format by default. You can also set `showHour` `showMinute` `showSecond` to override the default value ### Interval and custom time options Show stepped options by `hourStep` `minuteStep` `secondStep` or show custom options by `hourOptions` `minuteOptions` `secondOptions` ### Select fixed time list You can provide a list of fixed time for users to choose by `timePickerOptions`