DateTimePicker

DateTimePicker pairs DatePicker with TimeInput to capture an ISO datetime value (YYYY-MM-DDTHH:MM). Use it for scheduled releases, event times, and any product surface that needs both date and time without a heavier calendar widget.

#Default usage

<DateTimePicker
  aria-label="Release at"
  defaultValue="2026-05-04T09:30"
/>

#Import

import { DateTimePicker } from "@froggdesign/enter-ui-react";

#Accessibility

DateTimePicker is a role="group" wrapping the date and time controls. The inner pickers inherit their own focus management; the time control stays disabled until a date is selected to prevent inconsistent state.

#API

• value / defaultValue: ISO YYYY-MM-DDTHH:MM string.
• onValueChange(value): fires when either date or time changes.
• min / max: optional ISO datetime bounds (date portion is forwarded to DatePicker).
• disabled, invalid, locale forwarded to the inner controls.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.