@octane-xplat/date-picker 0.0.1 → 0.9.0

package/src/android/types.ts

@@ -0,0 +1,80 @@
+export type MaterialDatePickerVariant = 'picker' | 'input'
+
+export type MaterialDatePickerComponents = 'date' | 'hourAndMinute' | 'dateAndTime'
+
+/**
+ * Color overrides for the Material 3 picker elements. Every field is a CSS
+ * hex string (`#rgb`, `#rrggbb`, or `#aarrggbb`); unset fields use the
+ * Material 3 theme defaults.
+ */
+export interface MaterialDatePickerElementColors {
+	containerColor?: string
+	titleContentColor?: string
+	headlineContentColor?: string
+	weekdayContentColor?: string
+	subheadContentColor?: string
+	navigationContentColor?: string
+	yearContentColor?: string
+	disabledYearContentColor?: string
+	currentYearContentColor?: string
+	selectedYearContentColor?: string
+	disabledSelectedYearContentColor?: string
+	selectedYearContainerColor?: string
+	disabledSelectedYearContainerColor?: string
+	dayContentColor?: string
+	disabledDayContentColor?: string
+	selectedDayContentColor?: string
+	disabledSelectedDayContentColor?: string
+	selectedDayContainerColor?: string
+	disabledSelectedDayContainerColor?: string
+	todayContentColor?: string
+	todayDateBorderColor?: string
+	dayInSelectionRangeContentColor?: string
+	dayInSelectionRangeContainerColor?: string
+	dividerColor?: string
+	clockDialColor?: string
+	clockDialSelectedContentColor?: string
+	clockDialUnselectedContentColor?: string
+	selectorColor?: string
+	periodSelectorBorderColor?: string
+	periodSelectorSelectedContainerColor?: string
+	periodSelectorUnselectedContainerColor?: string
+	periodSelectorSelectedContentColor?: string
+	periodSelectorUnselectedContentColor?: string
+	timeSelectorSelectedContainerColor?: string
+	timeSelectorUnselectedContainerColor?: string
+	timeSelectorSelectedContentColor?: string
+	timeSelectorUnselectedContentColor?: string
+}
+
+export interface MaterialDatePickerProps {
+	id?: string
+	className?: any
+	style?: any
+	/** Date the picker starts on. The picker keeps its own selection after mount. */
+	initialDate?: Date
+	/** Calendar grid or text-field input. @default 'picker' */
+	variant?: MaterialDatePickerVariant
+	/**
+	 * `'date'` renders the M3 DatePicker, `'hourAndMinute'` the M3 TimePicker.
+	 * `'dateAndTime'` renders the date picker (combined input is not supported).
+	 * @default 'date'
+	 */
+	displayedComponents?: MaterialDatePickerComponents
+	/** Show the picker/input mode toggle. @default true */
+	showVariantToggle?: boolean
+	/** 24-hour dial for the time picker. @default true */
+	is24Hour?: boolean
+	/** Accent applied to a subset of elements when `elementColors` is unset. */
+	color?: string
+	elementColors?: MaterialDatePickerElementColors
+	/** Bounds the selectable date range; also derives the calendar year range. */
+	selectableDates?: { start?: Date; end?: Date }
+	accessibilityLabel?: string
+	/**
+	 * Called with the selected timestamp (null when the selection clears). The
+	 * DatePicker emits the chosen UTC day; the TimePicker emits the chosen
+	 * hour/minute on the initial date's day.
+	 */
+	onDateSelected?: (date: Date | null) => void
+}

package/src/ios/index.ts

@@ -0,0 +1,6 @@
+export { SwiftUIDatePicker } from '../SwiftUIDatePicker.ios.tsrx'
+export type {
+	SwiftUIDatePickerComponent,
+	SwiftUIDatePickerProps,
+	SwiftUIDatePickerStyle,
+} from './types'

package/src/ios/types.ts

@@ -0,0 +1,26 @@
+export type SwiftUIDatePickerStyle = 'automatic' | 'compact' | 'graphical' | 'wheel'
+
+export type SwiftUIDatePickerComponent = 'date' | 'hourAndMinute'
+
+export interface SwiftUIDatePickerProps {
+	id?: string
+	className?: any
+	style?: any
+	/** Label shown next to the picker. When omitted, the label is hidden. */
+	title?: string
+	/** Controlled selection. Pair with `onSelectionChange`. */
+	selection?: Date
+	/** Initial selection when `selection` is not provided. */
+	defaultSelection?: Date
+	/** Earliest selectable date. */
+	minimumDate?: Date
+	/** Latest selectable date. */
+	maximumDate?: Date
+	/** Which components the picker displays. @default ['date'] */
+	displayedComponents?: readonly SwiftUIDatePickerComponent[]
+	/** SwiftUI presentation style. `graphical` renders an inline calendar. @default 'automatic' */
+	pickerStyle?: SwiftUIDatePickerStyle
+	disabled?: boolean
+	accessibilityLabel?: string
+	onSelectionChange?: (date: Date) => void
+}

package/src/macos/index.ts

@@ -0,0 +1,6 @@
+export { AppKitDatePicker } from '../AppKitDatePicker.macos.tsrx'
+export type {
+	AppKitDatePickerComponents,
+	AppKitDatePickerProps,
+	AppKitDatePickerStyle,
+} from './types'

package/src/macos/types.ts

@@ -0,0 +1,24 @@
+export type AppKitDatePickerComponents = 'date' | 'time' | 'dateAndTime'
+
+export type AppKitDatePickerStyle = 'textField' | 'graphical'
+
+export interface AppKitDatePickerProps {
+	id?: string
+	className?: any
+	style?: any
+	/** Which element groups the NSDatePicker shows. @default 'date' */
+	components?: AppKitDatePickerComponents
+	/** 'graphical' embeds the inline calendar (date mode only). @default 'textField' */
+	pickerStyle?: AppKitDatePickerStyle
+	/** Controlled selection. Pair with `onSelectionChange`. */
+	selection?: Date
+	/** Initial selection when `selection` is not provided. */
+	defaultSelection?: Date
+	/** Earliest selectable date. */
+	minimumDate?: Date
+	/** Latest selectable date. */
+	maximumDate?: Date
+	disabled?: boolean
+	accessibilityLabel?: string
+	onSelectionChange?: (date: Date) => void
+}

package/src/web/index.ts

@@ -0,0 +1,2 @@
+export { DateInput } from '../DateInput.web.tsrx'
+export type { DateInputProps, DateInputType } from './types'

package/src/web/types.ts

@@ -0,0 +1,20 @@
+export type DateInputType = 'date' | 'time' | 'datetime-local'
+
+export interface DateInputProps {
+	id?: string
+	className?: any
+	style?: any
+	label?: string
+	/** The `<input>` type. @default 'date' */
+	type?: DateInputType
+	/** Controlled value: `YYYY-MM-DD`, `HH:MM`, or `YYYY-MM-DDTHH:MM`. */
+	value?: string
+	defaultValue?: string
+	/** Earliest allowed value, in the same format as `value`. */
+	min?: string
+	/** Latest allowed value, in the same format as `value`. */
+	max?: string
+	disabled?: boolean
+	accessibilityLabel?: string
+	onChange?: (value: string) => void
+}

package/types/android/index.d.ts

@@ -0,0 +1,61 @@
+export type MaterialDatePickerVariant = 'picker' | 'input'
+
+export type MaterialDatePickerComponents = 'date' | 'hourAndMinute' | 'dateAndTime'
+
+export interface MaterialDatePickerElementColors {
+	containerColor?: string
+	titleContentColor?: string
+	headlineContentColor?: string
+	weekdayContentColor?: string
+	subheadContentColor?: string
+	navigationContentColor?: string
+	yearContentColor?: string
+	disabledYearContentColor?: string
+	currentYearContentColor?: string
+	selectedYearContentColor?: string
+	disabledSelectedYearContentColor?: string
+	selectedYearContainerColor?: string
+	disabledSelectedYearContainerColor?: string
+	dayContentColor?: string
+	disabledDayContentColor?: string
+	selectedDayContentColor?: string
+	disabledSelectedDayContentColor?: string
+	selectedDayContainerColor?: string
+	disabledSelectedDayContainerColor?: string
+	todayContentColor?: string
+	todayDateBorderColor?: string
+	dayInSelectionRangeContentColor?: string
+	dayInSelectionRangeContainerColor?: string
+	dividerColor?: string
+	clockDialColor?: string
+	clockDialSelectedContentColor?: string
+	clockDialUnselectedContentColor?: string
+	selectorColor?: string
+	periodSelectorBorderColor?: string
+	periodSelectorSelectedContainerColor?: string
+	periodSelectorUnselectedContainerColor?: string
+	periodSelectorSelectedContentColor?: string
+	periodSelectorUnselectedContentColor?: string
+	timeSelectorSelectedContainerColor?: string
+	timeSelectorUnselectedContainerColor?: string
+	timeSelectorSelectedContentColor?: string
+	timeSelectorUnselectedContentColor?: string
+}
+
+export interface MaterialDatePickerProps {
+	id?: string
+	className?: any
+	style?: any
+	initialDate?: Date
+	variant?: MaterialDatePickerVariant
+	displayedComponents?: MaterialDatePickerComponents
+	showVariantToggle?: boolean
+	is24Hour?: boolean
+	color?: string
+	elementColors?: MaterialDatePickerElementColors
+	selectableDates?: { start?: Date; end?: Date }
+	accessibilityLabel?: string
+	onDateSelected?: (date: Date | null) => void
+}
+
+export declare function MaterialDatePicker(props: MaterialDatePickerProps): unknown

package/types/ios/index.d.ts

@@ -0,0 +1,21 @@
+export type SwiftUIDatePickerStyle = 'automatic' | 'compact' | 'graphical' | 'wheel'
+
+export type SwiftUIDatePickerComponent = 'date' | 'hourAndMinute'
+
+export interface SwiftUIDatePickerProps {
+	id?: string
+	className?: any
+	style?: any
+	title?: string
+	selection?: Date
+	defaultSelection?: Date
+	minimumDate?: Date
+	maximumDate?: Date
+	displayedComponents?: readonly SwiftUIDatePickerComponent[]
+	pickerStyle?: SwiftUIDatePickerStyle
+	disabled?: boolean
+	accessibilityLabel?: string
+	onSelectionChange?: (date: Date) => void
+}
+
+export declare function SwiftUIDatePicker(props: SwiftUIDatePickerProps): unknown

package/types/macos/index.d.ts

@@ -0,0 +1,20 @@
+export type AppKitDatePickerComponents = 'date' | 'time' | 'dateAndTime'
+
+export type AppKitDatePickerStyle = 'textField' | 'graphical'
+
+export interface AppKitDatePickerProps {
+	id?: string
+	className?: any
+	style?: any
+	components?: AppKitDatePickerComponents
+	pickerStyle?: AppKitDatePickerStyle
+	selection?: Date
+	defaultSelection?: Date
+	minimumDate?: Date
+	maximumDate?: Date
+	disabled?: boolean
+	accessibilityLabel?: string
+	onSelectionChange?: (date: Date) => void
+}
+
+export declare function AppKitDatePicker(props: AppKitDatePickerProps): unknown

package/types/web/index.d.ts

@@ -0,0 +1,18 @@
+export type DateInputType = 'date' | 'time' | 'datetime-local'
+
+export interface DateInputProps {
+	id?: string
+	className?: any
+	style?: any
+	label?: string
+	type?: DateInputType
+	value?: string
+	defaultValue?: string
+	min?: string
+	max?: string
+	disabled?: boolean
+	accessibilityLabel?: string
+	onChange?: (value: string) => void
+}
+
+export declare function DateInput(props: DateInputProps): unknown

package/index.d.ts

@@ -1 +0,0 @@
-export {}

package/index.js

@@ -1,2 +0,0 @@
-// Reservation stub; implementation will arrive in a later release.
-module.exports = {}