Time Picker

Time pickers let users select a time for a form.

install	yarn add @clayui/time-picker
version
use	`import TimePicker from '@clayui/time-picker';`

Example

Open Sandbox

import {Provider} from '@clayui/core';
import TimePicker from '@clayui/time-picker';
import React, {useState} from 'react';

import '@clayui/css/lib/css/atlas.css';

export default function App() {
	const [state, setState] = useState({
		hours: '--',
		minutes: '--',
	});

	return (
		<Provider spritemap="/public/icons.svg">
			<div className="p-4">
				<TimePicker
					onChange={setState}
					timezone="GMT+01:00"
					use12Hours
					value={state}
				/>
			</div>
		</Provider>
	);
}

Edit this page on GitHub

Contributors

Table of Contents

Example