import { DatePicker } from "@components/DatePicker/DatePicker";
import type { Meta, StoryObj } from "@storybook/react";
import dayjs from "dayjs";



const meta = {
    title: "Example/DatePicker",
    component: DatePicker,
    parameters: {
        layout: "centered",
    },
    tags: ["autodocs"],
    argTypes: {

    },
} satisfies Meta<typeof DatePicker>;

export default meta;

type Story = StoryObj<typeof meta>;

export const Primary: Story = {
    args: {
        label: "",
        onChangeDate: (selectedDate) => {
            console.log('Selected date callback :', selectedDate);
        },
        defaultDate: '06-09-2024'
    },
};

export const DefaultDate: Story = {
    args: {
        label: "",
        // defaultValue: dayjs('2023-08-17') // YYYY-MM-DD

    },
};

export const DisablePicker: Story = {
    args: {
        label: "",
        disableOpenPicker: true,
    },
};

export const DisablePast: Story = {
    args: {
        label: "",
        disablePast: true,
    },
};

export const DisableFuture: Story = {
    args: {
        label: "",
        disableFuture: true,
    },
};

export const MinDate: Story = {
    args: {
        label: "",
        minDate: dayjs('2023-08-15')  // YYYY-MM-DD
    },
};

export const MaxDate: Story = {
    args: {
        label: "",
        maxDate: dayjs('2023-08-30') // YYYY-MM-DD
    },
};

export const Disabled: Story = {
    args: {
        label: "",
        disabled: true
    },
};

export const ReadOnly: Story = {
    args: {
        label: "",
        readOnly: true,
        defaultValue: dayjs('2023-08-17') // YYYY-MM-DD
    },
};