florixui 1.7.0 → 1.8.0

package/README.md

@@ -526,6 +526,16 @@ const columns: DataTableColumn<Section>[] = [
 />
 ```
 
+### Date Time Picker
+
+A single date-and-time selector — a trigger that opens a calendar with an H:M:S time row. Controlled via an ISO string. This is the same field the Date Time Range Picker uses for its custom from/to inputs.
+
+```tsx
+const [value, setValue] = useState(new Date().toISOString())
+
+<DateTimePicker value={value} onChange={setValue} label="Starts at" />
+```
+
 ### Date Time Range Picker
 
 A time-range picker with quick presets (hour/day/week/month) and a custom From/To selector — each a calendar plus a precise hour:minute:second time row. Timezone-aware, controlled via ISO strings.

package/dist/components/custom/date-time-picker.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+export interface DateTimePickerProps {
+    /** Selected value as an ISO 8601 string (empty for none). Controlled. */
+    value: string;
+    /** Called with the new ISO string when the date or time changes. */
+    onChange: (iso: string) => void;
+    /** Optional label rendered above the trigger. */
+    label?: React.ReactNode;
+    /** Trigger text when no value is selected. */
+    placeholder?: string;
+    /** Hide the time row to pick a date only. */
+    showTime?: boolean;
+    /** IANA timezone for display + emitted ISO. Defaults to `UTC`. */
+    timezone?: string;
+    /** Disable days before this date (ISO/date string). */
+    minDate?: string;
+    /** Disable days after this date (ISO/date string). */
+    maxDate?: string;
+    /** Disable the field. */
+    disabled?: boolean;
+    /** Class for the wrapper. */
+    className?: string;
+}
+/**
+ * A single date-and-time selector: a trigger that opens a calendar with an
+ * H:M:S time row in a popover. Controlled via `value` (ISO string) /`onChange`.
+ * Set `showTime={false}` for date-only. This is the same field the
+ * `DateTimeRangePicker` uses for its custom from/to inputs.
+ */
+export declare function DateTimePicker({ value, onChange, label, placeholder, showTime, timezone, minDate, maxDate, disabled, className, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -23,6 +23,7 @@ export * from './components/custom/sensor-card';
 export * from './components/custom/side-sheet';
 export * from './components/custom/stat-card';
 export * from './components/custom/status-list';
+export * from './components/custom/date-time-picker';
 export * from './components/custom/date-time-range-picker';
 export { presetToRange, navigateRange, } from './components/custom/date-time-range-picker-utils';
 export * from './components/ui/alert';