@kenos-ui/react-datepicker 0.3.3 → 0.4.1

package/CHANGELOG.md

@@ -1,11 +1,107 @@
 # @kenos-ui/react-datepicker
 
+## 0.4.1
+
+### Minor Changes
+
+- **Kenos UI DatePicker — feature release** (`@kenos-ui/react-datepicker@0.4.1`)
+
+  Headless date & scheduling primitives for React 19+, fully unstyled and composition-first.
+
+  **Selection API**
+  - Unified `DatePicker.Root` with `mode`: `"single"` | `"range"` | `"multiple"`
+  - Controlled / uncontrolled `value`, `open`, and `onValueChange` / `onOpenChange`
+  - Range mode with live hover preview between `rangeStart` and `rangeEnd`
+  - `minDate`, `maxDate`, `disabled` (boolean or per-date function), `readOnly`, `closeOnSelect`
+
+  **Segmented input (timescape)**
+  - First-class `<DatePicker.Input />` — locale-aware month / day / year segments
+  - Dual inputs for range (`index={0}` / `index={1}`)
+  - Bidirectional sync: type in segments or pick from calendar
+  - Custom `segmentLabels` for screen readers
+
+  **Compound calendar parts**
+  - `Label`, `Trigger`, `Content`, `Calendar` (shorthand composition)
+  - `ViewControl`, `PrevTrigger`, `NextTrigger`, `ViewTrigger`
+  - `View` with `day` / `month` / `year` drill-down
+  - `Grid`, `Day` (render-prop `DayCellMeta`), `WeekDays`
+  - `MonthGrid` / `MonthCell`, `YearGrid` / `YearCell`
+  - `useDatePickerContext()` for custom layouts
+
+  **Positioning & popup policy**
+  - Floating UI via `Content`: `side`, `align`, `sideOffset`, `avoidCollisions`, `portal`
+  - `forceMount` for enter/exit animations (`data-state`)
+  - `modal` prop (default `false`) — opt-in focus trap + `aria-modal`; popup-policy friendly
+  - Focus restore to trigger / input on close; dialog-interop (`Escape` does not bubble)
+
+  **State & i18n**
+  - Reducer-driven state machine (`OPEN`, `SELECT_DATE`, `NAV_PREV`/`NAV_NEXT`, `SET_VIEW`, `COMMIT_INPUT`, …)
+  - `Intl`-based locale: week start, month/year labels, segment order & separators
+  - `weekStartsOn` override
+
+  **Accessibility & quality**
+  - WAI-ARIA: `role="dialog"`, `grid` / `gridcell`, labelled inputs, keyboard roving tabindex
+  - Test suite: reducer, calendar grid, date utils, ARIA, keyboard nav, dialog interop, axe (vitest-axe)
+  - Storybook: Single, Range, Multiple, Locales
+
+  **Docs**
+  - README with quick start, range / multiple examples, full composition, localization, and `Content` props
+
+  **Packaging**
+  - Add `license: MIT` to `package.json` (fixes npm registry showing "no license")
+
+## 0.4.0
+
+### Minor Changes
+
+- **Kenos UI DatePicker — feature release** (`@kenos-ui/react-datepicker@0.4.0`)
+
+  Headless date & scheduling primitives for React 19+, fully unstyled and composition-first.
+
+  **Selection API**
+  - Unified `DatePicker.Root` with `mode`: `"single"` | `"range"` | `"multiple"`
+  - Controlled / uncontrolled `value`, `open`, and `onValueChange` / `onOpenChange`
+  - Range mode with live hover preview between `rangeStart` and `rangeEnd`
+  - `minDate`, `maxDate`, `disabled` (boolean or per-date function), `readOnly`, `closeOnSelect`
+
+  **Segmented input (timescape)**
+  - First-class `<DatePicker.Input />` — locale-aware month / day / year segments
+  - Dual inputs for range (`index={0}` / `index={1}`)
+  - Bidirectional sync: type in segments or pick from calendar
+  - Custom `segmentLabels` for screen readers
+
+  **Compound calendar parts**
+  - `Label`, `Trigger`, `Content`, `Calendar` (shorthand composition)
+  - `ViewControl`, `PrevTrigger`, `NextTrigger`, `ViewTrigger`
+  - `View` with `day` / `month` / `year` drill-down
+  - `Grid`, `Day` (render-prop `DayCellMeta`), `WeekDays`
+  - `MonthGrid` / `MonthCell`, `YearGrid` / `YearCell`
+  - `useDatePickerContext()` for custom layouts
+
+  **Positioning & popup policy**
+  - Floating UI via `Content`: `side`, `align`, `sideOffset`, `avoidCollisions`, `portal`
+  - `forceMount` for enter/exit animations (`data-state`)
+  - `modal` prop (default `false`) — opt-in focus trap + `aria-modal`; popup-policy friendly
+  - Focus restore to trigger / input on close; dialog-interop (`Escape` does not bubble)
+
+  **State & i18n**
+  - Reducer-driven state machine (`OPEN`, `SELECT_DATE`, `NAV_PREV`/`NAV_NEXT`, `SET_VIEW`, `COMMIT_INPUT`, …)
+  - `Intl`-based locale: week start, month/year labels, segment order & separators
+  - `weekStartsOn` override
+
+  **Accessibility & quality**
+  - WAI-ARIA: `role="dialog"`, `grid` / `gridcell`, labelled inputs, keyboard roving tabindex
+  - Test suite: reducer, calendar grid, date utils, ARIA, keyboard nav, dialog interop, axe (vitest-axe)
+  - Storybook: Single, Range, Multiple, Locales
+
+  **Docs**
+  - README with quick start, range / multiple examples, full composition, localization, and `Content` props
+
 ## 0.3.3
 
 ### Patch Changes
 
 - docs: major refresh of README.md and root documentation
-
   - Update package README to accurately reflect current API (unified `DatePicker.Root` with `mode`, first-class `<DatePicker.Input>`, full composition)
   - Add strong examples for segmented input, range with dual inputs + hover preview, multiple selection, and custom rendering
   - Align with brand voice and recent announcement content
@@ -29,7 +125,6 @@
 ### Minor Changes
 
 - Axis lift-and-shift: publish DatePicker under `@at5/axis-datepicker`.
-
   - Add `@at5/axis-datepicker` — same DatePicker API and behavior as `@at5/kairo` (migrated from `packages/kairo` to `packages/datepicker`)
   - Add `@at5/axis` — aggregator re-exporting `DatePicker`
   - `@at5/kairo` — deprecated; thin re-export of `@at5/axis-datepicker` for transition

package/README.md

@@ -111,9 +111,7 @@ Or take full control:
               <DatePicker.Day key={j} date={d}>
                 {({ isSelected, isToday }) => (
                   // custom rendering
-                  <span className={isSelected ? "selected" : ""}>
-                    {d.getDate()}
-                  </span>
+                  <span className={isSelected ? "selected" : ""}>{d.getDate()}</span>
                 )}
               </DatePicker.Day>
             ))}
@@ -188,4 +186,4 @@ MIT
 
 ---
 
-*Kenos UI* — https://github.com/allysontsoares/kenos-ui/tree/main/packages/datepicker
+_Kenos UI_ — https://github.com/allysontsoares/kenos-ui/tree/main/packages/datepicker

package/dist/index.cjs

@@ -918,11 +918,7 @@ function Content({
       input: document.getElementById(ids.input) ?? document.getElementById(`${ids.input}-0`)
     });
   }, [dispatch, ids.input, ids.trigger, state.openSource]);
-  utils.useClickOutside(
-    [contentRef, triggerRef, inputRef, input0Ref, input1Ref],
-    close,
-    isOpen
-  );
+  utils.useClickOutside([contentRef, triggerRef, inputRef, input0Ref, input1Ref], close, isOpen);
   utils.useEscapeKey({
     enabled: isOpen,
     stopPropagation: true,