Skip to main content

TimePickerModal

Overlay & Menus

TimePickerModal

Full-screen modal time picker built atop TimePicker primitives.

Usage

Create immersive scheduling flows on mobile.

Highlights

  • Header summary + actions row
  • Portal + Backdrop integration

When to use it

  • Time picking is the main focus of the screen.
  • Need to combine analog and numeric entry paths.

Related components

TimePickerModal

Examples​

Default​

Preview (Web)
import { TimePickerModal } from 'react-native-molecules/components/TimePickerModal';

export default function Example() {
  return <TimePickerModal time="10:15" />;
}
PropTypeDefaultDescription
is24Hourboolean | undefined——
labelstring | undefined——
uppercaseboolean | undefined——
cancelLabelstring | undefined——
confirmLabelstring | undefined——
timestring | undefined——
onConfirmRequired(time: string) => any——
keyboardIconstring | undefined——
clockIconstring | undefined——
isLandscapeboolean | undefined——
Defined in react-native-molecules/components/TimePickerModal