Readme

A React Native time picker based
on @pluto-whale-studio/repeating-wheel-picker.

Offers an inline and a modal time picker.

Installation

``sh
npm install @pluto-whale-studio/time-picker
`

Usage

$3


`tsx
import {
InlineTimePicker,
type InlineTimePickerProps
} from "@pluto-whale-studio/time-picker";

// ...
const [duration, setDuration] = useState();

return (
duration={duration}
setDuration={setDuration}
/>
);
`

$3


`tsx
import {
ModalTimePicker,
type ModalTimePickerProps,
durationToString
} from "@pluto-whale-studio/time-picker";

// ...
const [duration, setDuration] = useState({hours: 0, minutes: 0, seconds: 0});
const [showModal, setShowModal] = useState(false);

return (


${durationToString(duration)}

setShowModal(true)}/>

duration={duration}

visible={showModal}
setVisible={setShowModal}

onConfirm={setDuration}
/>

);
``

Example

 

 

Contributing

Contributions are currently not intended.

License

MIT

Changelog

Impressum / Imprint

---