@astryxdesign/core 0.4.7 → 0.5.0-canary.32a62fd

package/src/DateInput/index.ts

@@ -14,6 +14,7 @@ export type {
   DateInputProps,
   DateInputSize,
   DateInputFormat,
+  DateInputNativePicker,
   DateInputStatus,
   DateInputStatusType,
 } from './DateInput';

package/src/DateTimeInput/DateTimeInput.doc.mjs

@@ -123,6 +123,12 @@ export const docs = {
         'Minutes to add or subtract when using arrow keys in the time input.',
       default: '1',
     },
+    {
+      name: 'timeOptionInterval',
+      type: '5 | 10 | 15 | 30 | 60',
+      description:
+        'Minute cadence for a dropdown of preset times on the time portion. Set it to turn the time field into a combobox listing every valid time at that cadence (60 gives a 12 AM to 11 PM list). Omitted, the time field stays a plain text input and gains no combobox semantics. Typed entry keeps working either way, so a time between two options is still reachable. Independent of timeIncrement, which governs arrow-key stepping.',
+    },
     {
       name: 'hasClear',
       type: 'boolean',
@@ -206,6 +212,8 @@ export const docs = {
       },
       {className: 'astryx-date-time-input-toggle-icon', states: ['state']},
       {className: 'astryx-date-time-input-clock-icon'},
+      {className: 'astryx-date-time-input-time-listbox'},
+      {className: 'astryx-date-time-input-time-option'},
     ],
   },
   usage: {
@@ -283,6 +291,12 @@ export const docs = {
         description:
           'A text input for entering the time, displayed beside the date input.',
       },
+      {
+        name: 'Time options popover',
+        required: false,
+        description:
+          'A list of preset times at the timeOptionInterval cadence, shown when that prop is set and the time input is clicked or opened with Alt+ArrowDown.',
+      },
       {
         name: 'Clear button',
         required: false,
@@ -512,6 +526,8 @@ export const docsZh = {
       },
       {className: 'astryx-date-time-input-toggle-icon', states: ['state']},
       {className: 'astryx-date-time-input-clock-icon'},
+      {className: 'astryx-date-time-input-time-listbox'},
+      {className: 'astryx-date-time-input-time-option'},
     ],
   },
 };
@@ -585,6 +601,8 @@ export const docsDense = {
     hasSeconds: 'include seconds in time portion',
     hourFormat: "display format. '12h' shows AM/PM; '24h' uses 24-hour",
     timeIncrement: 'minutes to add/subtract on arrow keys in time input',
+    timeOptionInterval:
+      'minute cadence for a preset-time dropdown on the time input; omitted = plain text input, no combobox. typed entry still works',
     hasClear: 'Shows clear button when datetime is set',
     placeholder: 'date-portion placeholder when empty',
     timePlaceholder: 'time-portion placeholder when empty',