@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>;