@torq-ui/react-date-picker 0.3.0

package/CHANGELOG.md

@@ -0,0 +1,26 @@
+# @torq-ui/react-date-picker
+
+## 0.3.0
+
+### 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
+  - Docs site and playground now depend on `@at5/axis-datepicker`
+
+  **Migration:** replace `@at5/kairo` with `@at5/axis-datepicker` (or `@at5/axis`). No API changes.
+
+## 0.2.1
+
+### Patch Changes
+
+- cad8443: Improve README with full API reference and accurate dependency description
+
+## 0.2.0
+
+### Minor Changes
+
+- fb70ffd: Initial release

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Allyson Soares
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,164 @@
+# @torq-ui/react-date-picker
+
+Torq UI — headless date & scheduling primitives for React. Built on top of the native `Intl` API, timescape and Floating UI — with full keyboard navigation and WAI-ARIA compliance.
+
+## Features
+
+- **Calendar** — WAI-ARIA grid pattern with roving focus and full keyboard navigation
+- **Date Picker** — Input + popover calendar, semantic HTML only
+- **Date Range Picker** — Dual-endpoint selection with live hover preview and optional presets
+- **Date Field** — Segmented spinbutton input (day/month/year), no calendar required
+- Locale-aware: respects week start day, date format order, and RTL scripts
+- Unstyled — bring your own CSS
+- React 19+, TypeScript-first
+
+## Installation
+
+```bash
+npm install @torq-ui/react-date-picker
+```
+
+## Quick Start
+
+```tsx
+import { DatePicker } from "@torq-ui/react-date-picker";
+
+function App() {
+  return (
+    <DatePicker.Root>
+      <DatePicker.Trigger>Pick a date</DatePicker.Trigger>
+      <DatePicker.Content>
+        <DatePicker.Calendar />
+      </DatePicker.Content>
+    </DatePicker.Root>
+  );
+}
+```
+
+## Components
+
+### Calendar
+
+Standalone month grid (composed via DatePicker.Root + calendar parts for full control, or the shorthand).
+
+```tsx
+import { DatePicker } from "@torq-ui/react-date-picker";
+
+<DatePicker.Root locale="en-US" onValueChange={(date) => console.log(date)}>
+  <DatePicker.ViewControl>
+    <DatePicker.PrevTrigger />
+    <DatePicker.ViewTrigger />
+    <DatePicker.NextTrigger />
+  </DatePicker.ViewControl>
+  <DatePicker.View view="day">
+    <DatePicker.Grid header={<DatePicker.WeekDays />}>
+      {({ weeks }) => weeks.map((week, i) => (
+        <tr key={i}>
+          {week.map((d, j) => <DatePicker.Day key={j} date={d} />)}
+        </tr>
+      ))}
+    </DatePicker.Grid>
+  </DatePicker.View>
+</DatePicker.Root>
+
+// Or shorthand inside a Root:
+<DatePicker.Root>
+  <DatePicker.Calendar />
+</DatePicker.Root>
+```
+
+**Props on Root:** `value`, `defaultValue`, `onValueChange`, `locale`, `weekStartsOn`, `minDate`, `maxDate`, `disabled`, `mode`
+
+**Data attributes (on Day):** `[data-selected]`, `[data-today]`, `[data-outside-month]`, `[data-disabled]`, `[data-in-range]`, `[data-range-start]`, `[data-range-end]`
+
+For the dedicated "Date Field" experience use a minimal Root + Input only.
+
+---
+
+### Date Picker
+
+Text input paired with a calendar popover.
+
+```tsx
+import { DatePicker } from "@torq-ui/react-date-picker";
+
+<DatePicker.Root locale="en-US" onValueChange={(date) => console.log(date)}>
+  <DatePicker.Trigger />
+  <DatePicker.Content>
+    <DatePicker.Calendar />
+  </DatePicker.Content>
+</DatePicker.Root>;
+```
+
+**Props:** `value`, `defaultValue`, `onValueChange`, `open`, `onOpenChange`, `locale`, `format`, `closeOnSelect`, `placement`
+
+**Keyboard:** `Enter`/`Space` opens popover, `Escape` closes, arrow keys navigate calendar.
+
+---
+
+### Date Range Picker
+
+Selects a start and end date with optional night presets.
+
+```tsx
+import { DateRangePicker } from "@torq-ui/react-date-picker";
+
+<DateRangePicker.Root locale="en-US" onValueChange={({ start, end }) => console.log(start, end)}>
+  <DateRangePicker.Trigger />
+  <DateRangePicker.Content>
+    <DateRangePicker.Calendar />
+  </DateRangePicker.Content>
+</DateRangePicker.Root>;
+```
+
+**Props:** `value`, `defaultValue`, `onValueChange`, `minNights`, `maxNights`, `presets`, `locale`
+
+---
+
+### Date Field
+
+Segmented spinbutton input — no popover, locale-aware segment order.
+
+```tsx
+import { DateField } from "@torq-ui/react-date-picker";
+
+<DateField.Root locale="en-US" onValueChange={(date) => console.log(date)}>
+  <DateField.Segment segment="month" />
+  <DateField.Literal>/</DateField.Literal>
+  <DateField.Segment segment="day" />
+  <DateField.Literal>/</DateField.Literal>
+  <DateField.Segment segment="year" />
+</DateField.Root>;
+```
+
+**Props:** `value`, `defaultValue`, `onValueChange`, `locale`, `granularity`, `min`, `max`
+
+**Keyboard:** `↑`/`↓` increments/decrements the focused segment, `Tab` advances to next segment.
+
+## Localization
+
+All components accept a `locale` prop compatible with `Intl.Locale`. Week start day, month/day/year order, and calendar display adapt automatically.
+
+```tsx
+// Arabic RTL
+<DatePicker.Root locale="ar" />
+
+// Brazilian Portuguese
+<DatePicker.Root locale="pt-BR" />
+
+// Japanese
+<DatePicker.Root locale="ja-JP" />
+```
+
+## Requirements
+
+- React `>=19.0.0`
+- Node.js `>=22`
+
+## License
+
+MIT
+
+---
+
+*Torq UI*