Skip to main content

DatePicker

Caution

Use the DateTimePicker instead.

The DatePicker component allows users to choose a specific date from a calendar or enter it via keyboard.

DatePickerProps

Signature:

export declare type DateerProps = < | , (value: DateerValue) => > & & & & { /** * Whether the time is shown (in addition to the date) in the datepicker input. * @defaultValue false */ showTime?: ; /** * Used to flatten the time to day-start (if false) or day-end (if true) when * a date is selected from the calendar. If , the time is preserved * and not flattened. * @defaultValue */ fillUpTime?: ; /** * Reference of the overlay trigger button. * @deprecated - Will be removed. Use instead. * */ buttonRef?: <>; /** * The precision of the time shown in the display value. * @defaultValue */ precision?: | ; /** Callback triggered when the datepicker input is blurred. */ onInputBlur?: (event: <>) => ; /** Callback triggered when the datepicker input value changes. */ onInputValueChange?: (value: , event?: <>) => ; /** Callback triggered when the calendar value changes. */ onCalendarValueChange?: (date: | , event?: ) => ; };
Still have questions?
Find answers in the Dynatrace Community