@sunggang/ui-lib 0.4.2 → 0.4.4

package/BaseCkeditor.cjs.js

@@ -22,6 +22,9 @@ require('./_tslib.cjs.js');
 require('./Modal.cjs.js');
 require('@radix-ui/react-select');
 require('@radix-ui/react-icons');
+require('flatpickr');
+require('flatpickr/dist/l10n/zh-tw.js');
+require('flatpickr/dist/flatpickr.min.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/BaseCkeditor.esm.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React__default from 'react';
 import { p as propTypes } from './index.esm2.js';
-import { b as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers.esm.js';
+import { g as getAugmentedNamespace, c as commonjsGlobal, b as getDefaultExportFromCjs } from './_commonjsHelpers.esm.js';
 import { a as useFormContext, C as Controller } from './index.esm.esm.js';
 import { F as FieldLabel, v as validateMsg } from './baseSwitch.esm.js';
 import '@radix-ui/react-switch';
@@ -20,6 +20,9 @@ import './_tslib.esm.js';
 import './Modal.esm.js';
 import '@radix-ui/react-select';
 import '@radix-ui/react-icons';
+import 'flatpickr';
+import 'flatpickr/dist/l10n/zh-tw.js';
+import 'flatpickr/dist/flatpickr.min.css';
 
 var dist = {
     exports: {}

package/BigCalender.cjs.js

@@ -7910,16 +7910,16 @@ var utc = {
                 utc: !1
             });
         };
-        var o = u.parse;
+        var r = u.parse;
         u.parse = function(t) {
-            t.utc && (this.$u = !0), this.$utils().u(t.$offset) || (this.$offset = t.$offset), o.call(this, t);
+            t.utc && (this.$u = !0), this.$utils().u(t.$offset) || (this.$offset = t.$offset), r.call(this, t);
         };
-        var r = u.init;
+        var o = u.init;
         u.init = function() {
             if (this.$u) {
                 var t = this.$d;
                 this.$y = t.getUTCFullYear(), this.$M = t.getUTCMonth(), this.$D = t.getUTCDate(), this.$W = t.getUTCDay(), this.$H = t.getUTCHours(), this.$m = t.getUTCMinutes(), this.$s = t.getUTCSeconds(), this.$ms = t.getUTCMilliseconds();
-            } else r.call(this);
+            } else o.call(this);
         };
         var a = u.utcOffset;
         u.utcOffset = function(s, f) {
@@ -7936,13 +7936,12 @@ var utc = {
                 ], _$n = _$f[0], u = 60 * +_$f[1] + +_$f[2];
                 return 0 === u ? 0 : "+" === _$n ? u : -u;
             }(s), null === s)) return this;
-            var u = Math.abs(s) <= 16 ? 60 * s : s, o = this;
-            if (f) return o.$offset = u, o.$u = 0 === s, o;
-            if (0 !== s) {
-                var r = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
-                (o = this.local().add(u + r, t)).$offset = u, o.$x.$localOffset = r;
-            } else o = this.utc();
-            return o;
+            var u = Math.abs(s) <= 16 ? 60 * s : s;
+            if (0 === u) return this.utc(f);
+            var r = this.clone();
+            if (f) return r.$offset = u, r.$u = !1, r;
+            var o = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+            return (r = this.local().add(u + o, t)).$offset = u, r.$x.$localOffset = o, r;
         };
         var h = u.format;
         u.format = function(t) {
@@ -7972,6 +7971,22 @@ var utc = {
 });
 }(utc));
 
+var isLeapYear = {
+    exports: {}
+};
+
+(function (module, exports) {
+!function(e, t) {
+    module.exports = t() ;
+}(_commonjsHelpers.commonjsGlobal, function() {
+    return function(e, t) {
+        t.prototype.isLeapYear = function() {
+            return this.$y % 4 == 0 && this.$y % 100 != 0 || this.$y % 400 == 0;
+        };
+    };
+});
+}(isLeapYear));
+
 function NoopWrapper(props) {
     return props.children;
 }
@@ -9450,6 +9465,7 @@ function sortEvents$2(eventA, eventB, accessors, localizer) {
         evtB: evtB
     });
 }
+// Modified: Check if a segment spans through this slot (including events that started earlier)
 var isSegmentInSlot$1 = function isSegmentInSlot(seg, slot) {
     return seg.left <= slot && seg.right >= slot;
 };
@@ -9475,10 +9491,23 @@ var EventEndingRow = /*#__PURE__*/ function(_React$Component) {
                 var current = 1, lastEnd = 1, row = [];
                 while(current <= slots){
                     var key = "_lvl_" + current;
+                    // Find segment that starts at or spans through current slot
                     var _ref = rowSegments.filter(function(seg) {
                         return isSegmentInSlot$1(seg, current);
-                    })[0] || {}, event = _ref.event, left = _ref.left, right = _ref.right, span = _ref.span; //eslint-disable-line
+                    })[0] || {}, event = _ref.event, left = _ref.left, right = _ref.right, span = _ref.span;
                     if (!event) {
+                        // No visible event starts at this slot, but check if we need a "more" button
+                        // for hidden events that span this slot
+                        var hiddenEvents = this.getHiddenEventsForSlot(segments, current);
+                        if (hiddenEvents.length > 0) {
+                            var _gap = current - lastEnd;
+                            if (_gap) {
+                                row.push(EventRowMixin$1.renderSpan(slots, _gap, key + "_gap"));
+                            }
+                            row.push(EventRowMixin$1.renderSpan(slots, 1, key, this.renderShowMore(segments, current)));
+                            lastEnd = current = current + 1;
+                            continue;
+                        }
                         current++;
                         continue;
                     }
@@ -9503,6 +9532,26 @@ var EventEndingRow = /*#__PURE__*/ function(_React$Component) {
                 }, row);
             }
         },
+        {
+            key: "getHiddenEventsForSlot",
+            value: function getHiddenEventsForSlot(segments, slot) {
+                // Get all events (visible and hidden) for this slot
+                var allEventsInSlot = eventsInSlot(segments, slot);
+                // Get visible events for this slot from the first level
+                var rowSegments = eventLevels$2(segments).levels[0];
+                var visibleEventsInSlot = rowSegments.filter(function(seg) {
+                    return isSegmentInSlot$1(seg, slot);
+                }).map(function(seg) {
+                    return seg.event;
+                });
+                // Return events that are in allEventsInSlot but not in visibleEventsInSlot
+                return allEventsInSlot.filter(function(event) {
+                    return !visibleEventsInSlot.some(function(visEvent) {
+                        return visEvent === event;
+                    });
+                });
+            }
+        },
         {
             key: "canRenderSlotEvent",
             value: function canRenderSlotEvent(slot, span) {
@@ -9835,7 +9884,7 @@ var MonthView = /*#__PURE__*/ function(_React$Component) {
         _this.readerDateHeading = function(_ref) {
             var date = _ref.date, className = _ref.className, props = memoizeOne_esm._objectWithoutProperties(_ref, _excluded$6);
             var _this$props2 = _this.props, currentDate = _this$props2.date, getDrilldownView = _this$props2.getDrilldownView, localizer = _this$props2.localizer;
-            var isOffRange = localizer.neq(date, currentDate, "month");
+            var isOffRange = localizer.neq(currentDate, date, "month");
             var isCurrent = localizer.isSameDate(date, currentDate);
             var drilldownView = getDrilldownView(date);
             var label = localizer.format(date, "dateFormat");
@@ -10603,7 +10652,8 @@ var DayColumnWrapper$1 = /*#__PURE__*/ React__default["default"].forwardRef(func
 var _excluded$5 = [
     "dayProp"
 ], _excluded2$1 = [
-    "eventContainerWrapper"
+    "eventContainerWrapper",
+    "timeIndicatorWrapper"
 ];
 var DayColumn = /*#__PURE__*/ function(_React$Component) {
     function DayColumn() {
@@ -10888,7 +10938,7 @@ var DayColumn = /*#__PURE__*/ function(_React$Component) {
         {
             key: "render",
             value: function render() {
-                var _this$props5 = this.props, date = _this$props5.date, max = _this$props5.max, rtl = _this$props5.rtl, isNow = _this$props5.isNow, resource = _this$props5.resource, accessors = _this$props5.accessors, localizer = _this$props5.localizer, _this$props5$getters = _this$props5.getters, dayProp = _this$props5$getters.dayProp, getters = memoizeOne_esm._objectWithoutProperties(_this$props5$getters, _excluded$5), _this$props5$componen = _this$props5.components, EventContainer = _this$props5$componen.eventContainerWrapper, components = memoizeOne_esm._objectWithoutProperties(_this$props5$componen, _excluded2$1);
+                var _this$props5 = this.props, date = _this$props5.date, max = _this$props5.max, rtl = _this$props5.rtl, isNow = _this$props5.isNow, resource = _this$props5.resource, accessors = _this$props5.accessors, localizer = _this$props5.localizer, _this$props5$getters = _this$props5.getters, dayProp = _this$props5$getters.dayProp, getters = memoizeOne_esm._objectWithoutProperties(_this$props5$getters, _excluded$5), _this$props5$componen = _this$props5.components, EventContainer = _this$props5$componen.eventContainerWrapper, TimeIndicatorWrapper = _this$props5$componen.timeIndicatorWrapper, components = memoizeOne_esm._objectWithoutProperties(_this$props5$componen, _excluded2$1);
                 this.slotMetrics = this.slotMetrics.update(this.props);
                 var slotMetrics = this.slotMetrics;
                 var _this$state = this.state, selecting = _this$state.selecting, top = _this$state.top, height = _this$state.height, startDate = _this$state.startDate, endDate = _this$state.endDate;
@@ -10897,6 +10947,12 @@ var DayColumn = /*#__PURE__*/ function(_React$Component) {
                     end: endDate
                 };
                 var _dayProp = dayProp(max, resource), className = _dayProp.className, style = _dayProp.style;
+                var timeIndicatorProps = {
+                    className: "rbc-current-time-indicator",
+                    style: {
+                        top: "".concat(this.state.timeIndicatorPosition, "%")
+                    }
+                };
                 var DayColumnWrapperComponent = components.dayColumnWrapper || DayColumnWrapper$1;
                 return /*#__PURE__*/ React__default["default"].createElement(DayColumnWrapperComponent, {
                     ref: this.containerRef,
@@ -10934,12 +10990,7 @@ var DayColumn = /*#__PURE__*/ function(_React$Component) {
                         top: top,
                         height: height
                     }
-                }, /*#__PURE__*/ React__default["default"].createElement("span", null, localizer.format(selectDates, "selectRangeFormat"))), isNow && this.intervalTriggered && /*#__PURE__*/ React__default["default"].createElement("div", {
-                    className: "rbc-current-time-indicator",
-                    style: {
-                        top: "".concat(this.state.timeIndicatorPosition, "%")
-                    }
-                }));
+                }, /*#__PURE__*/ React__default["default"].createElement("span", null, localizer.format(selectDates, "selectRangeFormat"))), isNow && this.intervalTriggered && /*#__PURE__*/ React__default["default"].createElement(TimeIndicatorWrapper, timeIndicatorProps, /*#__PURE__*/ React__default["default"].createElement("div", timeIndicatorProps)));
             }
         }
     ]);
@@ -12371,7 +12422,8 @@ var Calendar = /*#__PURE__*/ function(_React$Component) {
                         dateCellWrapper: NoopWrapper,
                         weekWrapper: NoopWrapper,
                         timeSlotWrapper: NoopWrapper,
-                        timeGutterWrapper: NoopWrapper
+                        timeGutterWrapper: NoopWrapper,
+                        timeIndicatorWrapper: NoopWrapper
                     }),
                     accessors: {
                         start: wrapAccessor(startAccessor),
@@ -18426,7 +18478,7 @@ var esm = /*#__PURE__*/Object.freeze({
   'default': index
 });
 
-var require$$9 = /*@__PURE__*/ _commonjsHelpers.getAugmentedNamespace(esm);
+var require$$7 = /*@__PURE__*/ _commonjsHelpers.getAugmentedNamespace(esm);
 
 var querySelectorAll = {
     exports: {}
@@ -18995,11 +19047,10 @@ function nest() {
     for(var _len = arguments.length, Components = new Array(_len), _key = 0; _key < _len; _key++){
         Components[_key] = arguments[_key];
     }
-    var factories = Components.filter(Boolean).map(_react$6.createFactory);
     var Nest = function Nest(_ref) {
         var children = _ref.children, props = (0, _objectWithoutProperties2$2.default)(_ref, _excluded$2);
-        return factories.reduceRight(function(child, factory) {
-            return factory(props, child);
+        return Components.filter(Boolean).reduceRight(function(child, Component) {
+            return /*#__PURE__*/ (0, _react$6.createElement)(Component, props, child);
         }, children);
     };
     return Nest;
@@ -19044,10 +19095,10 @@ var _classCallCheck2$4 = _interopRequireDefault$8(classCallCheck.exports);
 var _createClass2$4 = _interopRequireDefault$8(createClass.exports);
 var _callSuper2$4 = _interopRequireDefault$8(callSuper.exports);
 var _inherits2$4 = _interopRequireDefault$8(inherits.exports);
+var _domHelpers = require$$7;
+var _querySelectorAll = _interopRequireDefault$8(querySelectorAll.exports);
 var _react$5 = _interopRequireDefault$8(React__default["default"]);
 var _DnDContext$2 = DnDContext;
-var _domHelpers = require$$9;
-var _querySelectorAll = _interopRequireDefault$8(querySelectorAll.exports);
 var _Selection$1 = _interopRequireWildcard$1(Selection$1);
 var _TimeGridEvent = _interopRequireDefault$8(TimeGridEvent$1);
 var _common$2 = common;
@@ -19084,6 +19135,8 @@ var EventContainerWrapper = /*#__PURE__*/ function(_React$Component) {
                 allDay: false,
                 resource: resource
             });
+            // Cleanup after dropping from outside
+            _this.reset();
         };
         _this.handleDragOverFromOutside = function(point, bounds) {
             var slotMetrics = _this.props.slotMetrics;

package/BigCalender.esm.js

@@ -5,7 +5,7 @@ import { c as _getPrototypeOf, d as _possibleConstructorReturn, b as _isNativeRe
 import clsx from 'clsx';
 import { _ as _inheritsLoose } from './inheritsLoose.esm.js';
 import { P as PropTypes, p as propTypes$1 } from './index.esm2.js';
-import { c as commonjsGlobal, a as commonjsRequire, b as getAugmentedNamespace } from './_commonjsHelpers.esm.js';
+import { c as commonjsGlobal, a as commonjsRequire, g as getAugmentedNamespace } from './_commonjsHelpers.esm.js';
 import ReactDOM from 'react-dom';
 
 function _callSuper(t, o, e) {
@@ -7900,16 +7900,16 @@ var utc = {
                 utc: !1
             });
         };
-        var o = u.parse;
+        var r = u.parse;
         u.parse = function(t) {
-            t.utc && (this.$u = !0), this.$utils().u(t.$offset) || (this.$offset = t.$offset), o.call(this, t);
+            t.utc && (this.$u = !0), this.$utils().u(t.$offset) || (this.$offset = t.$offset), r.call(this, t);
         };
-        var r = u.init;
+        var o = u.init;
         u.init = function() {
             if (this.$u) {
                 var t = this.$d;
                 this.$y = t.getUTCFullYear(), this.$M = t.getUTCMonth(), this.$D = t.getUTCDate(), this.$W = t.getUTCDay(), this.$H = t.getUTCHours(), this.$m = t.getUTCMinutes(), this.$s = t.getUTCSeconds(), this.$ms = t.getUTCMilliseconds();
-            } else r.call(this);
+            } else o.call(this);
         };
         var a = u.utcOffset;
         u.utcOffset = function(s, f) {
@@ -7926,13 +7926,12 @@ var utc = {
                 ], _$n = _$f[0], u = 60 * +_$f[1] + +_$f[2];
                 return 0 === u ? 0 : "+" === _$n ? u : -u;
             }(s), null === s)) return this;
-            var u = Math.abs(s) <= 16 ? 60 * s : s, o = this;
-            if (f) return o.$offset = u, o.$u = 0 === s, o;
-            if (0 !== s) {
-                var r = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
-                (o = this.local().add(u + r, t)).$offset = u, o.$x.$localOffset = r;
-            } else o = this.utc();
-            return o;
+            var u = Math.abs(s) <= 16 ? 60 * s : s;
+            if (0 === u) return this.utc(f);
+            var r = this.clone();
+            if (f) return r.$offset = u, r.$u = !1, r;
+            var o = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+            return (r = this.local().add(u + o, t)).$offset = u, r.$x.$localOffset = o, r;
         };
         var h = u.format;
         u.format = function(t) {
@@ -7962,6 +7961,22 @@ var utc = {
 });
 }(utc));
 
+var isLeapYear = {
+    exports: {}
+};
+
+(function (module, exports) {
+!function(e, t) {
+    module.exports = t() ;
+}(commonjsGlobal, function() {
+    return function(e, t) {
+        t.prototype.isLeapYear = function() {
+            return this.$y % 4 == 0 && this.$y % 100 != 0 || this.$y % 400 == 0;
+        };
+    };
+});
+}(isLeapYear));
+
 function NoopWrapper(props) {
     return props.children;
 }
@@ -9440,6 +9455,7 @@ function sortEvents$2(eventA, eventB, accessors, localizer) {
         evtB: evtB
     });
 }
+// Modified: Check if a segment spans through this slot (including events that started earlier)
 var isSegmentInSlot$1 = function isSegmentInSlot(seg, slot) {
     return seg.left <= slot && seg.right >= slot;
 };
@@ -9465,10 +9481,23 @@ var EventEndingRow = /*#__PURE__*/ function(_React$Component) {
                 var current = 1, lastEnd = 1, row = [];
                 while(current <= slots){
                     var key = "_lvl_" + current;
+                    // Find segment that starts at or spans through current slot
                     var _ref = rowSegments.filter(function(seg) {
                         return isSegmentInSlot$1(seg, current);
-                    })[0] || {}, event = _ref.event, left = _ref.left, right = _ref.right, span = _ref.span; //eslint-disable-line
+                    })[0] || {}, event = _ref.event, left = _ref.left, right = _ref.right, span = _ref.span;
                     if (!event) {
+                        // No visible event starts at this slot, but check if we need a "more" button
+                        // for hidden events that span this slot
+                        var hiddenEvents = this.getHiddenEventsForSlot(segments, current);
+                        if (hiddenEvents.length > 0) {
+                            var _gap = current - lastEnd;
+                            if (_gap) {
+                                row.push(EventRowMixin$1.renderSpan(slots, _gap, key + "_gap"));
+                            }
+                            row.push(EventRowMixin$1.renderSpan(slots, 1, key, this.renderShowMore(segments, current)));
+                            lastEnd = current = current + 1;
+                            continue;
+                        }
                         current++;
                         continue;
                     }
@@ -9493,6 +9522,26 @@ var EventEndingRow = /*#__PURE__*/ function(_React$Component) {
                 }, row);
             }
         },
+        {
+            key: "getHiddenEventsForSlot",
+            value: function getHiddenEventsForSlot(segments, slot) {
+                // Get all events (visible and hidden) for this slot
+                var allEventsInSlot = eventsInSlot(segments, slot);
+                // Get visible events for this slot from the first level
+                var rowSegments = eventLevels$2(segments).levels[0];
+                var visibleEventsInSlot = rowSegments.filter(function(seg) {
+                    return isSegmentInSlot$1(seg, slot);
+                }).map(function(seg) {
+                    return seg.event;
+                });
+                // Return events that are in allEventsInSlot but not in visibleEventsInSlot
+                return allEventsInSlot.filter(function(event) {
+                    return !visibleEventsInSlot.some(function(visEvent) {
+                        return visEvent === event;
+                    });
+                });
+            }
+        },
         {
             key: "canRenderSlotEvent",
             value: function canRenderSlotEvent(slot, span) {
@@ -9825,7 +9874,7 @@ var MonthView = /*#__PURE__*/ function(_React$Component) {
         _this.readerDateHeading = function(_ref) {
             var date = _ref.date, className = _ref.className, props = _objectWithoutProperties(_ref, _excluded$6);
             var _this$props2 = _this.props, currentDate = _this$props2.date, getDrilldownView = _this$props2.getDrilldownView, localizer = _this$props2.localizer;
-            var isOffRange = localizer.neq(date, currentDate, "month");
+            var isOffRange = localizer.neq(currentDate, date, "month");
             var isCurrent = localizer.isSameDate(date, currentDate);
             var drilldownView = getDrilldownView(date);
             var label = localizer.format(date, "dateFormat");
@@ -10593,7 +10642,8 @@ var DayColumnWrapper$1 = /*#__PURE__*/ React__default.forwardRef(function(props,
 var _excluded$5 = [
     "dayProp"
 ], _excluded2$1 = [
-    "eventContainerWrapper"
+    "eventContainerWrapper",
+    "timeIndicatorWrapper"
 ];
 var DayColumn = /*#__PURE__*/ function(_React$Component) {
     function DayColumn() {
@@ -10878,7 +10928,7 @@ var DayColumn = /*#__PURE__*/ function(_React$Component) {
         {
             key: "render",
             value: function render() {
-                var _this$props5 = this.props, date = _this$props5.date, max = _this$props5.max, rtl = _this$props5.rtl, isNow = _this$props5.isNow, resource = _this$props5.resource, accessors = _this$props5.accessors, localizer = _this$props5.localizer, _this$props5$getters = _this$props5.getters, dayProp = _this$props5$getters.dayProp, getters = _objectWithoutProperties(_this$props5$getters, _excluded$5), _this$props5$componen = _this$props5.components, EventContainer = _this$props5$componen.eventContainerWrapper, components = _objectWithoutProperties(_this$props5$componen, _excluded2$1);
+                var _this$props5 = this.props, date = _this$props5.date, max = _this$props5.max, rtl = _this$props5.rtl, isNow = _this$props5.isNow, resource = _this$props5.resource, accessors = _this$props5.accessors, localizer = _this$props5.localizer, _this$props5$getters = _this$props5.getters, dayProp = _this$props5$getters.dayProp, getters = _objectWithoutProperties(_this$props5$getters, _excluded$5), _this$props5$componen = _this$props5.components, EventContainer = _this$props5$componen.eventContainerWrapper, TimeIndicatorWrapper = _this$props5$componen.timeIndicatorWrapper, components = _objectWithoutProperties(_this$props5$componen, _excluded2$1);
                 this.slotMetrics = this.slotMetrics.update(this.props);
                 var slotMetrics = this.slotMetrics;
                 var _this$state = this.state, selecting = _this$state.selecting, top = _this$state.top, height = _this$state.height, startDate = _this$state.startDate, endDate = _this$state.endDate;
@@ -10887,6 +10937,12 @@ var DayColumn = /*#__PURE__*/ function(_React$Component) {
                     end: endDate
                 };
                 var _dayProp = dayProp(max, resource), className = _dayProp.className, style = _dayProp.style;
+                var timeIndicatorProps = {
+                    className: "rbc-current-time-indicator",
+                    style: {
+                        top: "".concat(this.state.timeIndicatorPosition, "%")
+                    }
+                };
                 var DayColumnWrapperComponent = components.dayColumnWrapper || DayColumnWrapper$1;
                 return /*#__PURE__*/ React__default.createElement(DayColumnWrapperComponent, {
                     ref: this.containerRef,
@@ -10924,12 +10980,7 @@ var DayColumn = /*#__PURE__*/ function(_React$Component) {
                         top: top,
                         height: height
                     }
-                }, /*#__PURE__*/ React__default.createElement("span", null, localizer.format(selectDates, "selectRangeFormat"))), isNow && this.intervalTriggered && /*#__PURE__*/ React__default.createElement("div", {
-                    className: "rbc-current-time-indicator",
-                    style: {
-                        top: "".concat(this.state.timeIndicatorPosition, "%")
-                    }
-                }));
+                }, /*#__PURE__*/ React__default.createElement("span", null, localizer.format(selectDates, "selectRangeFormat"))), isNow && this.intervalTriggered && /*#__PURE__*/ React__default.createElement(TimeIndicatorWrapper, timeIndicatorProps, /*#__PURE__*/ React__default.createElement("div", timeIndicatorProps)));
             }
         }
     ]);
@@ -12361,7 +12412,8 @@ var Calendar = /*#__PURE__*/ function(_React$Component) {
                         dateCellWrapper: NoopWrapper,
                         weekWrapper: NoopWrapper,
                         timeSlotWrapper: NoopWrapper,
-                        timeGutterWrapper: NoopWrapper
+                        timeGutterWrapper: NoopWrapper,
+                        timeIndicatorWrapper: NoopWrapper
                     }),
                     accessors: {
                         start: wrapAccessor(startAccessor),
@@ -18416,7 +18468,7 @@ var esm = /*#__PURE__*/Object.freeze({
   'default': index
 });
 
-var require$$9 = /*@__PURE__*/ getAugmentedNamespace(esm);
+var require$$7 = /*@__PURE__*/ getAugmentedNamespace(esm);
 
 var querySelectorAll = {
     exports: {}
@@ -18985,11 +19037,10 @@ function nest() {
     for(var _len = arguments.length, Components = new Array(_len), _key = 0; _key < _len; _key++){
         Components[_key] = arguments[_key];
     }
-    var factories = Components.filter(Boolean).map(_react$6.createFactory);
     var Nest = function Nest(_ref) {
         var children = _ref.children, props = (0, _objectWithoutProperties2$2.default)(_ref, _excluded$2);
-        return factories.reduceRight(function(child, factory) {
-            return factory(props, child);
+        return Components.filter(Boolean).reduceRight(function(child, Component) {
+            return /*#__PURE__*/ (0, _react$6.createElement)(Component, props, child);
         }, children);
     };
     return Nest;
@@ -19034,10 +19085,10 @@ var _classCallCheck2$4 = _interopRequireDefault$8(classCallCheck.exports);
 var _createClass2$4 = _interopRequireDefault$8(createClass.exports);
 var _callSuper2$4 = _interopRequireDefault$8(callSuper.exports);
 var _inherits2$4 = _interopRequireDefault$8(inherits.exports);
+var _domHelpers = require$$7;
+var _querySelectorAll = _interopRequireDefault$8(querySelectorAll.exports);
 var _react$5 = _interopRequireDefault$8(React__default);
 var _DnDContext$2 = DnDContext;
-var _domHelpers = require$$9;
-var _querySelectorAll = _interopRequireDefault$8(querySelectorAll.exports);
 var _Selection$1 = _interopRequireWildcard$1(Selection$1);
 var _TimeGridEvent = _interopRequireDefault$8(TimeGridEvent$1);
 var _common$2 = common;
@@ -19074,6 +19125,8 @@ var EventContainerWrapper = /*#__PURE__*/ function(_React$Component) {
                 allDay: false,
                 resource: resource
             });
+            // Cleanup after dropping from outside
+            _this.reset();
         };
         _this.handleDragOverFromOutside = function(point, bounds) {
             var slotMetrics = _this.props.slotMetrics;

package/CkEditor.cjs.js

@@ -25,6 +25,9 @@ require('./_tslib.cjs.js');
 require('./Modal.cjs.js');
 require('@radix-ui/react-select');
 require('@radix-ui/react-icons');
+require('flatpickr');
+require('flatpickr/dist/l10n/zh-tw.js');
+require('flatpickr/dist/flatpickr.min.css');
 
 
 

package/CkEditor.esm.js

@@ -21,3 +21,6 @@ import './_tslib.esm.js';
 import './Modal.esm.js';
 import '@radix-ui/react-select';
 import '@radix-ui/react-icons';
+import 'flatpickr';
+import 'flatpickr/dist/l10n/zh-tw.js';
+import 'flatpickr/dist/flatpickr.min.css';

package/CustomSelect.cjs.js

@@ -0,0 +1,124 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@iconify/react');
+var React = require('react');
+
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var CustomSelect = function(param) {
+    var items = param.items, currentID = param.currentID, setCurrentID = param.setCurrentID, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_hasEmptyOption = param.hasEmptyOption, hasEmptyOption = _param_hasEmptyOption === void 0 ? true : _param_hasEmptyOption;
+    var _useState = _sliced_to_array(React.useState(false), 2), isDropdownOpen = _useState[0], setIsDropdownOpen = _useState[1];
+    var selectRef = React.useRef(null);
+    React.useEffect(function() {
+        var handleClickOutside = function(event) {
+            if (selectRef.current && !selectRef.current.contains(event.target)) {
+                setIsDropdownOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return function() {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, []);
+    var getSelectedItemName = function() {
+        if (currentID === undefined || currentID === null) return "請選擇";
+        var selectedItem = items.find(function(item) {
+            return String(item.value) === String(currentID);
+        });
+        return (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.name) || "請選擇";
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        ref: selectRef,
+        className: "relative w-full border border-gray-300 rounded-lg ".concat(className),
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs("button", {
+                type: "button",
+                className: "w-full h-10 px-4 flex items-center justify-between cursor-pointer rounded-lg",
+                onClick: function() {
+                    return setIsDropdownOpen(function(prev) {
+                        return !prev;
+                    });
+                },
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        children: getSelectedItemName()
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(react.Icon, {
+                        width: 28,
+                        icon: isDropdownOpen ? "iconamoon:arrow-down-2" : "iconamoon:arrow-right-2"
+                    })
+                ]
+            }),
+            isDropdownOpen && /*#__PURE__*/ jsxRuntime.jsxs("ul", {
+                className: "absolute z-10 mt-0 w-full bg-white border border-gray-300 rounded-lg shadow-lg",
+                children: [
+                    hasEmptyOption && /*#__PURE__*/ jsxRuntime.jsx("li", {
+                        className: "px-4 py-2 cursor-pointer hover:bg-gray-100",
+                        onClick: function() {
+                            setCurrentID(null);
+                            setIsDropdownOpen(false);
+                        },
+                        children: "請選擇"
+                    }),
+                    items.map(function(item) {
+                        return /*#__PURE__*/ jsxRuntime.jsx("li", {
+                            className: "px-4 py-2 cursor-pointer hover:bg-gray-100",
+                            onClick: function() {
+                                setCurrentID(item.value);
+                                setIsDropdownOpen(false);
+                            },
+                            children: item.name
+                        }, item.value);
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+exports.CustomSelect = CustomSelect;