UNPKG

@guruhotel/aura-ui

Version:

⚛️ React UI library by GuruHotel

1 lines 1.53 kB
exports.__esModule=!0,exports.default=void 0;var e=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=s(r);if(t&&t.has(e))return t.get(e);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var l=i?Object.getOwnPropertyDescriptor(e,n):null;l&&(l.get||l.set)?Object.defineProperty(a,n,l):a[n]=e[n]}a.default=e,t&&t.set(e,a);return a}(require("react")),r=require("@internationalized/date"),t=require("@react-aria/i18n"),a=require("@react-stately/datepicker"),i=require("@react-aria/datepicker"),n=require("./date-segment"),l=require("./date-field.styles"),u=require("../visually-hidden"),o=require("react/jsx-runtime");function s(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(s=function(e){return e?t:r})(e)}var d=function({colorScheme:s="guru",size:d="md",rounded:c="md",...f}){if(!f.label)throw new Error("DateField must have a label for accessibility");const{locale:p}=(0,t.useLocale)(),m=(0,a.useDateFieldState)({...f,locale:p,createCalendar:r.createCalendar}),y=(0,e.useRef)(),{labelProps:j,fieldProps:b}=(0,i.useDateField)(f,m,y);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(u.VisuallyHidden,{...j}),(0,o.jsx)(l.DateFieldElements,{...b,ref:y,colorScheme:s,size:d,rounded:c,children:m.segments.map(((e,r)=>(0,o.jsx)(n.DateSegment,{segment:e,state:m,rounded:c},r)))})]})};exports.default=d,module.exports=exports.default;