@bikdotai/bik-component-library 0.0.718-beta.1 → 0.0.718-beta.12

package/dist/esm/components/datePicker/TimePicker.js

@@ -1 +0,0 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import{useMemo as o}from"react";import"../dropdown/DropdownPopover/index.js";import{Dropdown as e}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../TypographyStyle.js";import"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{TimePickerContainer as r,TimeInputWrapper as n,TimeLabel as p}from"./DatePicker.styled.js";const s=s=>{let{fromTime:i="00:00",toTime:d="23:59",onFromTimeChange:l,onToTimeChange:a,timeInterval:m=30}=s;const u=o((()=>{const t=[];for(let o=0;o<1440;o+=m){const e=Math.floor(o/60),r=o%60,n=e>=12?"PM":"AM",p=`${0===e?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${n}`,s=`${e.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`;t.push({label:p,value:s,selected:s===i})}if(i&&!t.find((t=>t.value===i))){const[o,e]=i.split(":").map(Number),r=o>=12?"PM":"AM",n=`${0===o?12:o>12?o-12:o}:${e.toString().padStart(2,"0")} ${r}`;t.push({label:n,value:i,selected:!0}),t.sort(((t,o)=>t.value.localeCompare(o.value)))}return t}),[m,i]),c=o((()=>{const t=[];for(let o=0;o<1440;o+=m){const e=Math.floor(o/60),r=o%60,n=e>=12?"PM":"AM",p=`${0===e?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${n}`,s=`${e.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`;t.push({label:p,value:s,selected:s===d})}if(d&&!t.find((t=>t.value===d))){const[o,e]=d.split(":").map(Number),r=o>=12?"PM":"AM",n=`${0===o?12:o>12?o-12:o}:${e.toString().padStart(2,"0")} ${r}`;t.push({label:n,value:d,selected:!0}),t.sort(((t,o)=>t.value.localeCompare(o.value)))}return t}),[m,d]),j=(t,o)=>{if(t)return o.find((o=>o.value===t))},w=j(i,u),S=j(d,c);return t.jsxs(r,{children:[t.jsxs(n,{children:[t.jsx(p,{children:"From"}),t.jsx(e,{placeHolder:"HH:MM",options:u,defaultOptions:w?[w]:[],onSelect:t=>{!Array.isArray(t)&&"value"in t&&(null==l||l(t.value))},size:"small","data-test":"time-picker-from",width:"154px",placement:"bottom-start"})]}),t.jsxs(n,{children:[t.jsx(p,{children:"To"}),t.jsx(e,{placeHolder:"HH:MM",options:c,defaultOptions:S?[S]:[],onSelect:t=>{!Array.isArray(t)&&"value"in t&&(null==a||a(t.value))},size:"small","data-test":"time-picker-to",width:"154px",placement:"bottom-start"})]})]})};export{s as TimePicker};