English | 简体中文
@ray-js/components-ty-time-picker
Tuya TimePicker. Base library version 2.3.0 and above available
Installation
$ npm install @ray-js/components-ty-time-picker
# or
$ yarn add @ray-js/components-ty-time-picker
Usage
import React from 'react';
import { View } from '@ray-js/components';
import TyTimePicker from '@ray-js/components-ty-time-picker';
export default function Template() {
const [time, setTime] = React.useState({
hour: new Date().getHours(),
minute: new Date().getMinutes(),
});
const handleTimeChange = (value: { hour: number; minute: number }) => {
setTime(value);
};
return (
<View>
<TyTimePicker is24Hour value={time} onChange={handleTimeChange} />
<TyTimePicker
is24Hour={false}
value={time}
onChange={handleTimeChange}
amText="AM"
pmText="PM"
/>
</View>
);
}