@codecademy/gamut
68.2.268.2.3-alpha.f19d29.0
dist/DatePicker/DatePickerInput/Segment/DatePickerInputSegment.d.ts+
dist/DatePicker/DatePickerInput/Segment/DatePickerInputSegment.d.tsNew file+23
Index: package/dist/DatePicker/DatePickerInput/Segment/DatePickerInputSegment.d.ts
===================================================================
--- package/dist/DatePicker/DatePickerInput/Segment/DatePickerInputSegment.d.ts
+++ package/dist/DatePicker/DatePickerInput/Segment/DatePickerInputSegment.d.ts
@@ -0,0 +1,23 @@
+import { type Dispatch, type SetStateAction } from 'react';
+import type { DatePartKind } from '../utils';
+import { SegmentValues } from './segmentUtils';
+export type AssignSegmentRef = (field: DatePartKind, el: HTMLSpanElement | null) => void;
+export type DatePickerInputSegmentProps = {
+ field: DatePartKind;
+ segments: SegmentValues;
+ disabled: boolean;
+ error: boolean;
+ handleOnFocus: () => void;
+ focusOrOpenCalendarGrid: () => void;
+ /** Focus a sibling segment; must use refs registered via `assignSegmentRef` (owned by parent). */
+ focusSegmentField: (field: DatePartKind) => void;
+ assignSegmentRef: AssignSegmentRef;
+ setSegments: Dispatch<SetStateAction<SegmentValues>>;
+ prevField: DatePartKind | null;
+ nextField: DatePartKind | null;
+ applySegments: (next: SegmentValues) => void;
+};
+/**
+ * Editable date unit (`role="spinbutton"`). Focus with Tab; type digits or use Arrow up/down.
+ */
+export declare const DatePickerInputSegment: React.FC<DatePickerInputSegmentProps>;