DateTimePicker

Use DateTimePicker

DateTimePicker is a named export of @flood-md/react. Connect the package once, then import what you use.

"use client";

import { FloodRoot, DateTimePicker } from "@flood-md/react";
import "@flood-md/react/styles.css";

export function Example() {
  return (
    <FloodRoot>
      <DateTimePicker label="Schedule" dateName="date" timeName="time" defaultValue={{date:"2026-10-26",time:"09:30"}} />
    </FloodRoot>
  );
}

Design notes

• Date and time submit as separate fields. No timezone, UTC conversion or instant is inferred.
• Date bounds and daily time bounds are independent. Use application validation for cross-field business rules.

API reference