import { ComponentMeta, ComponentStory } from "@storybook/react";
import { DateInput } from "./";

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default {
  title: "Example/DateInput",
  component: DateInput,
} as ComponentMeta<typeof DateInput>;

// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
const Template: ComponentStory<typeof DateInput> = (args) => (
  <div>
    <DateInput data-component="DateInput$Brevity" {...args} />
  </div>
);

export const Primary = Template.bind({});
// More on args: https://storybook.js.org/docs/react/writing-stories/args
Primary.args = {};

export const Time = Template.bind({});

Time.args = {
  type: "time",
};

export const DateTime = Template.bind({});

DateTime.args = {
  type: "datetime-local",
  defaultValue: "2025-06-05T20:30:23.338Z",
};