react-native-date-picker/src/fabric/RNDatePickerNativeComponent.ts

A datetime picker for React Native. In-modal or inlined. Supports Android and iOS.

import type { HostComponent, ViewProps } from 'react-native'
import {
  BubblingEventHandler,
  Double,
  Int32,
  WithDefault,
} from 'react-native/Libraries/Types/CodegenTypes'
import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'

type DateEvent = {
  timestamp: Double
}

export interface NativeProps extends ViewProps {
  locale?: string
  date: string
  maximumDate?: string
  minimumDate?: string
  minuteInterval?: Int32
  mode?: WithDefault<'date' | 'time' | 'datetime', 'datetime'>
  onChange: BubblingEventHandler<DateEvent>

  // Type has to be string to allow null/undefined as value.
  // For timezoneOffset, undefined and 0 means different things. 0 means GMT and undefined means device timezone.
  timeZoneOffsetInMinutes?: string | null
  textColor?: string
  dividerColor?: string
  buttonColor?: string
  is24hourSource?: WithDefault<'locale' | 'device', 'device'>
  theme?: WithDefault<'light' | 'dark' | 'auto', 'auto'>

  // Modal props
  modal?: boolean
  open?: boolean
  onConfirm?: BubblingEventHandler<DateEvent>
  onCancel?: BubblingEventHandler<undefined>
  confirmText?: string
  cancelText?: string
  title?: string
}

export default codegenNativeComponent<NativeProps>(
  'RNDatePicker'
) as HostComponent<NativeProps>