Set the appearance of the picker.

subtle will remove the borders and background.

Used to associate accessible descriptions to both the date and time picker. If you want to associate individual accessible descriptions, this should be done through the aria-describedby props on the datePickerProps and timePickerProps.

Set the picker to autofocus on mount.

Set the aria-label for the clear button. Add the word "Clear" at the beginning of the clearControlLabel. For instance, for a field to set an appointment, use "Clear appointment date and time".

You should not be accessing this prop under any circumstances. It is provided by @atlaskit/analytics-next and integrated in the component

Props applied to the DatePicker.

The default for value.

Set the id of the field.

Props to apply to the container.

If you are looking to set your width, use a Box from @atlaskit/primitives around the picker to achieve the same effect.

Set if the field is disabled.

Set if the picker has an invalid value.

Set the field as required.

Locale used for formatting dates and times. See DateTimeFormat.

The name of the field.

Called when the field is blurred.

Called when the value changes and the date / time is a complete value, or empty. The only value is an ISO string or empty string.

Called when the field is focused.

Function used to parse datetime values into their date, time and timezone sub-values. *

Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref).

@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}

The spacing for the select control.

Compact is gridSize() * 4, default is gridSize() * 5.

A testId prop is provided for specified elements, which is a unique string that appears as a data attribute data-testid in the rendered code, serving as a hook for automated tests

• {testId}--datepicker--container wrapping element of date-picker
• {testId}--timepicker--container wrapping element of time-picker

Props applied to the TimePicker.

The ISO time that should be used as the input value.