xtreme-ui
Version:
Collection of reusable components that can be used in web projects
2 lines (1 loc) • 1.1 kB
JavaScript
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("clsx"),e=require("react-datetime-picker"),c=require("../Icon/Icon.cjs");;/* empty css */const x={date:"dd-MM-yyyy",dateRange:"dd-MM-yyyy",time:"h:mm:ss a",timeRange:"h:mm:ss a",dateTime:"dd-MM-yyyy h:mm:ss a",dateTimeRange:"dd-MM-yyyy h:mm:ss a"},R={date:e,dateRange:e,time:e,timeRange:e,dateTime:e,dateTimeRange:e},k=r=>{const{className:s,type:a="date",format:n,dayPlaceholder:d="dd",monthPlaceholder:m="mm",yearPlaceholder:i="yyyy",hourPlaceholder:l="hh",minutePlaceholder:y="mm",secondPlaceholder:h="ss",placeholder:o="Select a Date",icon:u="f784",value:P,onChange:D}=r,g={className:p("xtrDatePicker",s),calendarIcon:t.jsx(c.Icon,{code:u,type:"regular"}),clearIcon:t.jsx(c.Icon,{code:"e59b",type:"solid"}),format:n??x[a],dayPlaceholder:d,monthPlaceholder:m,yearPlaceholder:i,hourPlaceholder:l,minutePlaceholder:y,secondPlaceholder:h,placeholder:o,value:P,onChange:D},M=R[a];return t.jsx(M,{"data-testid":o,...g})};exports.DatePicker=k;