formTimeField.stories.mdx

PHOTO EMBED

Mon Mar 25 2024 17:12:11 GMT+0000 (Coordinated Universal Time)

Saved by @rafal_rydz 

import {FormTimeField} from "ui";
import {ArgsTable, Meta, Story} from "@storybook/addon-docs";

<Meta title="Components/Inputs/FormTimeField/old" component={FormTimeField}/>

export const Template = (args) => (
    <FormTimeField
        {...args}
        value={args.value && args.value !== 0 ? args.value : undefined}
    />
);

# FormTimeField

This component renders an FormTimeField.

## Props

<ArgsTable story="Default"/>

## Examples

<Story
    name="Default"
    args={{
        id: "example",
        label: "Label",
        labelIcon: "funnel",
        placeholder: "Placeholder text",
        value: undefined,
        onChange: () => {
        },
        required: true,
        min: "00:00",
        max: "23:59",
        disabled: false,
        caption: ""
    }}
>
    {Template.bind({})}
</Story>
content_copyCOPY