Date Time Picker

The Date Time Picker component allows users to select a date and time with options for min/max and more.

Usage & Examples

Select date and time

default.tsx

<DateTimePicker
  value={value}
  onChange={setValue}
  label="Select date and time"
/>

Date Time Picker props API
				Default	Description
`aria-describedby`	`string`	No	aria	`—`	Accessible description reference for the input.
`aria-errormessage`	`string`	No	aria	`—`	Accessible error message reference for the input.
`aria-invalid`	`boolean`	No	aria	`—`	Marks the input as invalid. Useful for external validation control.
`aria-label`	`string`	No	aria	`—`	Accessible label for the input when no visible label is present or when an override is needed.
`aria-labelledby`	`string`	No	aria	`—`	Accessible label reference for the input.
`aria-required`	`boolean`	No	aria	`—`	Marks the input as required for assistive technologies.
`autoComplete`	`React.HTMLInputAutoCompleteAttribute`	No	props	`"off"`	Optional autocomplete value.
`buttonClassName`	`string`	No	props	`—`	Additional class name for the picker trigger button.
`className`	`string`	No	styling	`—`	Additional class name for the component root.
`containerClassName`	`string`	No	props	`—`	Additional class name for the outer label/component container.
`data-testid`	`string`	No	testing	`—`	Backward-compatible alias for test ID attributes.
`defaultValue`	`string`	No	props	`—`	Initial date/time value in YYYY-MM-DDTHH:mm format for uncontrolled usage.