@danxbot/ui 7.2.0 → 7.3.1

package/dist/types/components/DateCalendar.d.ts

@@ -0,0 +1,28 @@
+export declare const startOfDay: (d: Date) => Date;
+export type DateRange = {
+    from: Date | null;
+    to: Date | null;
+};
+/**
+ * The popover a calendar opens in — ONE size for every control that opens one (`DatePicker`,
+ * `DateField`), so they cannot drift apart.
+ *
+ * A touch day is floored to 44px (`dx-tap`), so seven of them need 308px, and a popover is capped
+ * at 90vw. With the old fixed 20.5rem frame plus 12px padding a 375px phone clipped the Sunday
+ * column, the next-month arrow and Clear (SG-906, measured). So on a coarse pointer the padding
+ * drops to 8px and the calendar fills the popover instead of fixing its own width: 308px of days +
+ * 16px of padding = 324px, which is 90vw of a 360px phone. On a mouse nothing changes size.
+ */
+export declare const CALENDAR_POPOVER_CLASS = "w-[19rem] p-3 pointer-coarse:w-[22rem] pointer-coarse:p-2";
+export interface DateCalendarProps {
+    /** A single date, or a range when `range` is set. */
+    value?: Date | DateRange | null;
+    onValueChange?: (value: Date | DateRange | null) => void;
+    range?: boolean;
+    min?: Date;
+    max?: Date;
+    /** Disable specific days — weekends, holidays, taken slots. */
+    isDateDisabled?: (date: Date) => boolean;
+    className?: string;
+}
+export declare function DateCalendar({ value, onValueChange, range, min, max, isDateDisabled, className, }: DateCalendarProps): import("react").JSX.Element;

package/dist/types/components/DateField.d.ts

@@ -0,0 +1,29 @@
+export interface DateFieldProps {
+    /** The stored ISO calendar date (`YYYY-MM-DD`), or null for none. */
+    value: string | null;
+    /** Reports the new ISO date, or null when the person cleared it. Only on commit. */
+    onValueChange: (value: string | null) => void;
+    /** Told when the box gains and loses focus — i.e. while the person's own text is on screen. */
+    onEditingChange?: (editing: boolean) => void;
+    /** The accessible name. Required: a date box with no name is a box nobody can find. */
+    "aria-label": string;
+    /** @default "MM/DD/YYYY" */
+    placeholder?: string;
+    disabled?: boolean;
+    /** The sentence shown for typed text that is not a date. */
+    invalidMessage?: string;
+    className?: string;
+}
+export declare function DateField({ value, onValueChange, onEditingChange, "aria-label": ariaLabel, placeholder, disabled, invalidMessage, className, }: DateFieldProps): import("react").JSX.Element;
+export interface DateTimeFieldProps {
+    /** The stored ISO instant, or null for none. */
+    value: string | null;
+    /** Reports the new ISO instant, or null when the date was cleared. Only on commit. */
+    onValueChange: (value: string | null) => void;
+    /** Told while either half has focus. */
+    onEditingChange?: (editing: boolean) => void;
+    "aria-label": string;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function DateTimeField({ value, onValueChange, onEditingChange, "aria-label": ariaLabel, disabled, className, }: DateTimeFieldProps): import("react").JSX.Element;

package/dist/types/components/DatePicker.d.ts

@@ -1,7 +1,5 @@
-export type DateRange = {
-    from: Date | null;
-    to: Date | null;
-};
+import { type DateRange } from "./DateCalendar";
+export type { DateRange };
 export interface DatePickerProps {
     /** A single date, or a range when `range` is set. */
     value?: Date | DateRange | null;

package/dist/types/index.d.ts

@@ -35,6 +35,8 @@ export { ThemeMenu, type ThemeMenuProps } from "./components/ThemeMenu";
 export { AppShell, type AppShellProps, type NavItem, type NavSection, } from "./components/AppShell";
 export { FileUpload, type FileUploadProps, type UploadFile } from "./components/FileUpload";
 export { DatePicker, type DatePickerProps, type DateRange } from "./components/DatePicker";
+export { DateCalendar, type DateCalendarProps } from "./components/DateCalendar";
+export { DateField, DateTimeField, type DateFieldProps, type DateTimeFieldProps, } from "./components/DateField";
 export { Tree, type TreeProps, type TreeNode } from "./components/Tree";
 export { CommandPalette, useCommandPalette, type CommandPaletteProps, type CommandItem, } from "./components/CommandPalette";
 export { Slider, type SliderProps, type SliderMark } from "./components/Slider";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danxbot/ui",
-  "version": "7.2.0",
+  "version": "7.3.1",
   "type": "module",
   "description": "Danxbot — a domain-agnostic React design system with motion as a first-class primitive.",
   "license": "MIT",