@bothub-chat/ui/dist/components/datepicker/ui/datepicker.js

Bothub UI Components

import{__rest as e}from"tslib";import{jsxs as t,Fragment as r,jsx as o}from"react/jsx-runtime";import{useState as i}from"react";import{useFloating as n,autoUpdate as m,offset as s,flip as c,shift as d}from"@floating-ui/react";import{createPortal as l}from"react-dom";import{DatepickerCalendar as a}from"./calendar/index.js";import"../../../theme/index.js";import{useTheme as f}from"../../../theme/hook.js";const p=p=>{var{children:h,defaultOpen:g=!1}=p,j=e(p,["children","defaultOpen"]);const[u,x]=i(g),{refs:b,floatingStyles:O}=n({whileElementsMounted:m,middleware:[s(10),c(),d()]}),v=f();return t(r,{children:[b&&o("div",{onClick:e=>e.stopPropagation(),children:h(b.setReference,x)}),u&&l(o("div",{ref:b.setFloating,style:Object.assign(Object.assign({},O),{zIndex:v.zIndex.select}),children:o(a,Object.assign({},j,{closeFn:()=>{x(!1)}}))}),document.body)]})};export{p as Datepicker};