lucid-ui
Version:
A UI component library from Xandr.
32 lines • 1.11 kB
JavaScript
import React, { useState } from 'react';
import TimeSelect from './TimeSelect';
export default {
title: 'Controls/TimeSelect',
component: TimeSelect,
parameters: {
docs: {
description: {
component: TimeSelect.peek.description,
},
},
},
};
/* Twelve Hour */
export const TwelveHour = () => {
const [time, setTime] = useState(new Date());
return React.createElement(TimeSelect, { time: time, onChange: setTime });
};
TwelveHour.storyName = 'TwelveHour';
/* Twelve Hour Disabled */
export const TwelveHourDisabled = () => {
const [time, setTime] = useState(new Date());
return React.createElement(TimeSelect, { isDisabled: true, time: time, onChange: setTime });
};
TwelveHourDisabled.storyName = 'TwelveHourDisabled';
/* Twenty Four Hour */
export const TwentyFourHour = () => {
const [time, setTime] = useState(new Date());
return React.createElement(TimeSelect, { time: time, is24HourClock: true, onChange: setTime });
};
TwentyFourHour.storyName = 'TwentyFourHour';
//# sourceMappingURL=TimeSelect.stories.js.map