ivt/dist/date-picker/index.mjs

Ivt Components Library

import React__default from 'react';
import { c as cn } from '../chunks/utils-05LlW3Cl.mjs';
import { t as tryParseDate, p as ptBR } from '../chunks/date-bAe2UaSj.mjs';
import { C as CalendarDays } from '../chunks/calendar-days-D8ft1Hpj.mjs';
import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-CsYW0nDm.mjs';
import { B as Button } from '../chunks/button-Co_1yLv6.mjs';
import { f as format } from '../chunks/format-Cn5wls3k.mjs';
import { C as Calendar } from '../chunks/calendar-olAv9AH7.mjs';
import '../chunks/bundle-mjs-BYcyWisL.mjs';
import '../chunks/createLucideIcon-DLrNgMqk.mjs';
import '../chunks/index-Bl-WJHvp.mjs';
import '../chunks/index-1tQVI0Jh.mjs';
import '../chunks/index-DT8WgpCS.mjs';
import 'react/jsx-runtime';
import '../chunks/index-DUpRrJTH.mjs';
import '../chunks/index-DgKlJYZP.mjs';
import 'react-dom';
import '@radix-ui/react-slot';
import '../chunks/index-Cbm3--wc.mjs';
import '../chunks/index-DvCZGX3H.mjs';
import '../chunks/tslib.es6-DXUeYCTx.mjs';
import '../chunks/index-tkRL9Tft.mjs';
import '../chunks/index-DKOlG3mh.mjs';
import '../chunks/index-aLIsJMgt.mjs';
import '../chunks/index-DmY774z-.mjs';
import '../chunks/index-BTe1rv5Z.mjs';
import '../chunks/index-C6s8KI_8.mjs';
import '../chunks/index-D4FMFHi9.mjs';
import 'class-variance-authority';
import '../chunks/chevron-left-D7OzIyKL.mjs';
import '../chunks/chevron-right-mC6NR8jW.mjs';
import '../chunks/chevron-down-DNXEgdv9.mjs';

function DatePicker({ date, setDate, placeholder = "Selecione uma data", id = "date-picker", buttonProps, popoverProps, popoverContentClassName, className, disabled, defaultMonth, ...props }) {
    const validDate = tryParseDate(date);
    return /*#__PURE__*/ React__default.createElement(Popover, popoverProps, /*#__PURE__*/ React__default.createElement(PopoverTrigger, {
        asChild: true
    }, /*#__PURE__*/ React__default.createElement(Button, {
        id: id,
        variant: "outline",
        className: cn("hover:text-foreground justify-start text-left font-normal", !validDate && "text-muted-foreground hover:text-muted-foreground", className),
        disabled: typeof disabled === "boolean" ? disabled : undefined,
        ...buttonProps
    }, /*#__PURE__*/ React__default.createElement(CalendarDays, {
        className: "size-4"
    }), validDate ? format(validDate, "P", {
        locale: ptBR
    }) : /*#__PURE__*/ React__default.createElement("span", null, placeholder))), /*#__PURE__*/ React__default.createElement(PopoverContent, {
        className: cn("w-auto p-0", popoverContentClassName),
        align: "start"
    }, /*#__PURE__*/ React__default.createElement(Calendar, {
        autoFocus: true,
        captionLayout: "dropdown",
        selected: validDate,
        onSelect: setDate,
        locale: ptBR,
        numberOfMonths: 1,
        fromYear: 2010,
        toYear: 2040,
        disabled: disabled,
        defaultMonth: validDate ?? defaultMonth ?? new Date(),
        ...props,
        mode: "single"
    })));
}

export { DatePicker };
//# sourceMappingURL=index.mjs.map