IDateTimePickerTokens

@spartanfx/react v1.2.2

---

@spartanfx/react / index / IDateTimePickerTokens

Interface: IDateTimePickerTokens

Customization tokens for the DateTimePicker component. Any value supplied overrides the default theme resolved from the current AppearanceMode.

All keys are optional — provide only what you need.

Properties

Options

Property	Type	Description
borderRadius?	number	Border radius applied to the trigger and the time inputs (in px).
fieldHeight?	number	Height applied to the trigger field (in px).
popupGap?	number	Minimum gap between popup sections (in px).
popupWidth?	number	Width of the popup callout (in px).
timeFieldWidth?	number	Width of the hour / minute inputs in the time picker (in px).
transitionDuration?	string	Transition duration for hover / focus interactions (e.g. 0.15s).

Appearance & theming

Property	Type	Description
accentColor?	string	Accent color used for the current day, AM/PM selection, primary button.
borderColor?	string	Border color of the trigger and the time fields.
borderHoverColor?	string	Border color on hover.
errorColor?	string	Color of the inline error message and the border when an error is set.
fieldBackgroundColor?	string	Background color of the trigger field.
focusColor?	string	Border & focus ring color when the control is focused.
popupBackgroundColor?	string	Background of the popup Callout.
popupSurfaceColor?	string	Background of secondary popup sections (time + footer).
separatorColor?	string	Separator color used between popup sections.
textColor?	string	Color of the text typed inside the trigger and the time fields.
textSecondaryColor?	string	Color of secondary text (labels, placeholder, icon default color).