@agilant/toga-blox 1.0.157 → 1.0.158
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -347,7 +347,7 @@ function SearchDatePickerInput({ themeBgColor = "bg-sky-500", lightThemeBg = "bg
|
|
|
347
347
|
setIsDatePickerOpen(false);
|
|
348
348
|
setActiveInput(null);
|
|
349
349
|
} })] })) }));
|
|
350
|
-
return (_jsxs("div", { ref: containerRef, className: "relative w-[425px] border-2
|
|
350
|
+
return (_jsxs("div", { ref: containerRef, className: "relative w-[425px] border-2 py-4 rounded", children: [_jsx("div", { className: "flex items-center justify-center h-12 mb-2", children: toggleStatus ? (_jsxs("div", { className: "flex items-center w-full justify-center", children: [activeInput === "start" ? (_jsx(Input, { type: "text", value: startDateInputValue, onChange: handleStartDateInputChange, placeholder: "mm/dd/yyyy", placeHolderColor: placeHolderColor, onKeyDown: (e) => {
|
|
351
351
|
if (e.key === "Enter") {
|
|
352
352
|
setIsDatePickerOpen(false);
|
|
353
353
|
setActiveInput(null);
|
|
@@ -374,7 +374,7 @@ function SearchDatePickerInput({ themeBgColor = "bg-sky-500", lightThemeBg = "bg
|
|
|
374
374
|
? ""
|
|
375
375
|
: buttonPlaceHolderTextColor} border-2 px-3 py-2 flex-auto h-10 text-left rounded-r min-w-52 max-w-52 rounded-r`, children: [_jsx("span", { className: `pr-2 ${buttonPlaceHolderTextColor}`, children: getFontAwesomeIcon("calendar", "regular") }), localDate
|
|
376
376
|
? formatDateAsMonthDayYear(localDate)
|
|
377
|
-
: "mm/dd/yyyy"] }) }))] })) }), dayPicker, _jsxs("div", { className: "flex justify-between items-end bg-white px-
|
|
377
|
+
: "mm/dd/yyyy"] }) }))] })) }), dayPicker, _jsxs("div", { className: "flex justify-between items-end bg-white px-5 pb-2 rounded-md mt-4", children: [_jsx(ToggleButton, { initialStatus: toggleStatus, onClick: () => setToggleStatus?.(!toggleStatus), activeColorBackground: toggleColor, activeColorBorder: activeColorBorder, activeLabel: "Range", activeTextColor: toggleTextColor, additionalClasses: "flex items-center", inactiveColorBackground: inactiveColorBackground, inactiveColorBorder: inactiveColorBorder, inactiveLabel: "Range", inactiveTextColor: "text-gray-500", pillHeight: "h-8", textPosition: "right", textSize: "text-sm", smallToggle: true, borderStyle: true, inactiveCircleColor: inactiveCircleColor, activeCircleColor: activeCircleColor }), _jsx(BaseButton, { text: buttonText, backgroundColor: themeBgColor, additionalClasses: "py-0.5 px-6 text-white", borderColor: "border-none", onClick: handleFilterClick, shape: "rounded-full" })] }), searchItems?.length ? (_jsx("div", { className: "py-1 border-t", children: _jsx("div", { className: "flex flex-wrap bg-white py-2 px-2 mt-2 rounded-md", children: searchItems.map((item, index) => {
|
|
378
378
|
const cleanedText = getCleanedText(item, removePattern);
|
|
379
379
|
const formattedDate = formatCleanedDateString(cleanedText);
|
|
380
380
|
return (_jsx(Badge, { backgroundColor: pillColor, borderRadius: "rounded-full", hasRightIcon: true, icon: _jsx("div", { className: "text-white text-xxs", children: getFontAwesomeIcon("xmark", "solid") }), iconSize: "text-sm", onClick: () => {
|