@bigbinary/neeto-atoms 1.0.69 → 1.0.70

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.
@@ -1026,129 +1026,143 @@ const DatePicker = forwardRef(
1026
1026
  const weekRowHoverClassName = picker === "week" ? "[&_button]:!transition-none [&:hover_button]:!bg-primary [&:hover_button]:!text-primary-foreground [&:hover_button]:!rounded-none [&:hover_button]:cursor-pointer" : void 0;
1027
1027
  const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0;
1028
1028
  const calendarSelected = () => {
1029
- if (showTime || needConfirm) return pendingDate ?? void 0;
1029
+ if (showTime || needConfirm) {
1030
+ return pendingDate ?? currentValue ?? void 0;
1031
+ }
1030
1032
  return currentValue ?? void 0;
1031
1033
  };
1032
- const triggerContent = /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: trigger ? setOpen : void 0, children: [
1033
- trigger ? /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }) : /* @__PURE__ */ jsx(
1034
- DatePickerTrigger,
1035
- {
1036
- containerRef,
1037
- inputRef,
1038
- disabled,
1039
- error,
1040
- hasField,
1041
- className,
1042
- triggerSizeClass: sizeConfig.trigger,
1043
- inputSizeClass: sizeConfig.input,
1044
- iconSizeClass: sizeConfig.icon,
1045
- label,
1046
- ariaDescribedBy,
1047
- placeholder: placeholder ?? defaultPlaceholder,
1048
- inputText,
1049
- allowClear,
1050
- timezone,
1051
- onInputChange: handleInputChange,
1052
- onInputKeyDown: handleInputKeyDown,
1053
- onInputFocus: () => {
1054
- if (!open) openPopover();
1055
- },
1056
- onInputBlur: handleInputBlur,
1057
- onClear: handleClear
1058
- }
1059
- ),
1060
- open && /* @__PURE__ */ jsxs(
1061
- PopoverContent,
1062
- {
1063
- id: popoverContentId,
1064
- className: "w-auto p-0",
1065
- align,
1066
- side,
1067
- onOpenAutoFocus: (e) => e.preventDefault(),
1068
- onCloseAutoFocus: (e) => e.preventDefault(),
1069
- onPointerDownOutside: (e) => e.preventDefault(),
1070
- onInteractOutside: (e) => e.preventDefault(),
1071
- children: [
1072
- /* @__PURE__ */ jsxs("div", { className: cn("flex", showTime && "flex-row"), children: [
1073
- type === "date" && picker === "month" ? /* @__PURE__ */ jsx(
1074
- MonthPicker,
1075
- {
1076
- value: currentValue ?? null,
1077
- displayedYear: calendarMonth.getFullYear(),
1078
- onYearChange: (year) => setCalendarMonth(
1079
- new Date(year, calendarMonth.getMonth(), 1)
1034
+ const handleTriggerOpenChange = (nextOpen) => {
1035
+ if (nextOpen === open) return;
1036
+ if (nextOpen) openPopover();
1037
+ else closePopover();
1038
+ };
1039
+ const triggerContent = /* @__PURE__ */ jsxs(
1040
+ Popover,
1041
+ {
1042
+ open,
1043
+ onOpenChange: trigger ? handleTriggerOpenChange : void 0,
1044
+ children: [
1045
+ trigger ? /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }) : /* @__PURE__ */ jsx(
1046
+ DatePickerTrigger,
1047
+ {
1048
+ containerRef,
1049
+ inputRef,
1050
+ disabled,
1051
+ error,
1052
+ hasField,
1053
+ className,
1054
+ triggerSizeClass: sizeConfig.trigger,
1055
+ inputSizeClass: sizeConfig.input,
1056
+ iconSizeClass: sizeConfig.icon,
1057
+ label,
1058
+ ariaDescribedBy,
1059
+ placeholder: placeholder ?? defaultPlaceholder,
1060
+ inputText,
1061
+ allowClear,
1062
+ timezone,
1063
+ onInputChange: handleInputChange,
1064
+ onInputKeyDown: handleInputKeyDown,
1065
+ onInputFocus: () => {
1066
+ if (!open) openPopover();
1067
+ },
1068
+ onInputBlur: handleInputBlur,
1069
+ onClear: handleClear
1070
+ }
1071
+ ),
1072
+ open && /* @__PURE__ */ jsxs(
1073
+ PopoverContent,
1074
+ {
1075
+ id: popoverContentId,
1076
+ className: "w-auto p-0",
1077
+ align,
1078
+ side,
1079
+ onOpenAutoFocus: (e) => e.preventDefault(),
1080
+ onCloseAutoFocus: (e) => e.preventDefault(),
1081
+ onPointerDownOutside: (e) => e.preventDefault(),
1082
+ onInteractOutside: (e) => e.preventDefault(),
1083
+ children: [
1084
+ /* @__PURE__ */ jsxs("div", { className: cn("flex", showTime && "flex-row"), children: [
1085
+ type === "date" && picker === "month" ? /* @__PURE__ */ jsx(
1086
+ MonthPicker,
1087
+ {
1088
+ value: currentValue ?? null,
1089
+ displayedYear: calendarMonth.getFullYear(),
1090
+ onYearChange: (year) => setCalendarMonth(
1091
+ new Date(year, calendarMonth.getMonth(), 1)
1092
+ ),
1093
+ onSelect: handleGridPickerSelect,
1094
+ isDisabled: (date) => isMonthDisabled(date, normalizedMinDate, normalizedMaxDate)
1095
+ }
1096
+ ) : type === "date" && picker === "year" ? /* @__PURE__ */ jsx(
1097
+ YearPicker,
1098
+ {
1099
+ value: currentValue ?? null,
1100
+ displayedYear: calendarMonth.getFullYear(),
1101
+ onYearChange: (year) => setCalendarMonth(new Date(year, 0, 1)),
1102
+ onSelect: handleGridPickerSelect,
1103
+ isDisabled: (date) => isYearDisabled(date, normalizedMinDate, normalizedMaxDate)
1104
+ }
1105
+ ) : type === "date" ? /* @__PURE__ */ jsx(
1106
+ Calendar$1,
1107
+ {
1108
+ mode: "single",
1109
+ captionLayout: "dropdown",
1110
+ today: todayDate,
1111
+ month: calendarMonth,
1112
+ onMonthChange: setCalendarMonth,
1113
+ selected: calendarSelected(),
1114
+ onSelect: handleSingleDateSelectWithPicker,
1115
+ disabled: calendarDisabled,
1116
+ weekStartsOn,
1117
+ classNames: weekRowHoverClassName ? { week: cn("mt-2 flex w-full", weekRowHoverClassName) } : void 0,
1118
+ ...weekHighlightProps,
1119
+ ...normalizedMinDate && { fromDate: normalizedMinDate },
1120
+ ...normalizedMaxDate && { toDate: normalizedMaxDate }
1121
+ }
1122
+ ) : /* @__PURE__ */ jsx(
1123
+ RangeCalendar,
1124
+ {
1125
+ todayDate,
1126
+ weekStartsOn,
1127
+ month: calendarMonth,
1128
+ onMonthChange: setCalendarMonth,
1129
+ selected: memoizedRangeSelected,
1130
+ onSelect: handleRangeSelect,
1131
+ disabled: calendarDisabled,
1132
+ fromDate: normalizedMinDate,
1133
+ toDate: normalizedMaxDate,
1134
+ onHoverIn: handleHoverIn,
1135
+ onHoverOut: handleHoverOut
1136
+ }
1080
1137
  ),
1081
- onSelect: handleGridPickerSelect,
1082
- isDisabled: (date) => isMonthDisabled(date, normalizedMinDate, normalizedMaxDate)
1083
- }
1084
- ) : type === "date" && picker === "year" ? /* @__PURE__ */ jsx(
1085
- YearPicker,
1086
- {
1087
- value: currentValue ?? null,
1088
- displayedYear: calendarMonth.getFullYear(),
1089
- onYearChange: (year) => setCalendarMonth(new Date(year, 0, 1)),
1090
- onSelect: handleGridPickerSelect,
1091
- isDisabled: (date) => isYearDisabled(date, normalizedMinDate, normalizedMaxDate)
1092
- }
1093
- ) : type === "date" ? /* @__PURE__ */ jsx(
1094
- Calendar$1,
1095
- {
1096
- mode: "single",
1097
- captionLayout: "dropdown",
1098
- today: todayDate,
1099
- month: calendarMonth,
1100
- onMonthChange: setCalendarMonth,
1101
- selected: calendarSelected(),
1102
- onSelect: handleSingleDateSelectWithPicker,
1103
- disabled: calendarDisabled,
1104
- weekStartsOn,
1105
- classNames: weekRowHoverClassName ? { week: cn("mt-2 flex w-full", weekRowHoverClassName) } : void 0,
1106
- ...weekHighlightProps,
1107
- ...normalizedMinDate && { fromDate: normalizedMinDate },
1108
- ...normalizedMaxDate && { toDate: normalizedMaxDate }
1109
- }
1110
- ) : /* @__PURE__ */ jsx(
1111
- RangeCalendar,
1112
- {
1113
- todayDate,
1114
- weekStartsOn,
1115
- month: calendarMonth,
1116
- onMonthChange: setCalendarMonth,
1117
- selected: memoizedRangeSelected,
1118
- onSelect: handleRangeSelect,
1119
- disabled: calendarDisabled,
1120
- fromDate: normalizedMinDate,
1121
- toDate: normalizedMaxDate,
1122
- onHoverIn: handleHoverIn,
1123
- onHoverOut: handleHoverOut
1124
- }
1125
- ),
1126
- showTime && /* @__PURE__ */ jsx("div", { className: "border-inline-start border-border", children: /* @__PURE__ */ jsx(
1127
- TimePickerPanel,
1128
- {
1129
- value: pendingTime,
1130
- onChange: setPendingTime,
1131
- format: timePickerFormat,
1132
- showSeconds,
1133
- disabled
1134
- }
1135
- ) })
1136
- ] }),
1137
- showFooter && /* @__PURE__ */ jsx(
1138
- DatePickerFooter,
1139
- {
1140
- showTime,
1141
- needConfirm,
1142
- timezone,
1143
- onTimezoneChange,
1144
- onNow: handleNow,
1145
- onOk: handleOk
1146
- }
1147
- )
1148
- ]
1149
- }
1150
- )
1151
- ] });
1138
+ showTime && /* @__PURE__ */ jsx("div", { className: "border-inline-start border-border", children: /* @__PURE__ */ jsx(
1139
+ TimePickerPanel,
1140
+ {
1141
+ value: pendingTime,
1142
+ onChange: setPendingTime,
1143
+ format: timePickerFormat,
1144
+ showSeconds,
1145
+ disabled
1146
+ }
1147
+ ) })
1148
+ ] }),
1149
+ showFooter && /* @__PURE__ */ jsx(
1150
+ DatePickerFooter,
1151
+ {
1152
+ showTime,
1153
+ needConfirm,
1154
+ timezone,
1155
+ onTimezoneChange,
1156
+ onNow: handleNow,
1157
+ onOk: handleOk
1158
+ }
1159
+ )
1160
+ ]
1161
+ }
1162
+ )
1163
+ ]
1164
+ }
1165
+ );
1152
1166
  if (!hasField) {
1153
1167
  return /* @__PURE__ */ jsx("div", { ref, className, children: triggerContent });
1154
1168
  }
@@ -1173,4 +1187,4 @@ const DatePicker = forwardRef(
1173
1187
  DatePicker.displayName = "DatePicker";
1174
1188
 
1175
1189
  export { DatePicker as D };
1176
- //# sourceMappingURL=DatePicker-DVXL9Qia.js.map
1190
+ //# sourceMappingURL=DatePicker-1OZmK2ki.js.map