funuicss 3.5.5 → 3.5.6
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.
- package/package.json +1 -1
- package/ui/calendar/Calendar.js +18 -16
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "3.5.
|
|
2
|
+
"version": "3.5.6",
|
|
3
3
|
"name": "funuicss",
|
|
4
4
|
"description": "React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting both seamless functionality and aesthetic appeal—all achieved with minimal lines of code. Unleash the power of simplicity and style in your projects!",
|
|
5
5
|
"main": "index.js",
|
package/ui/calendar/Calendar.js
CHANGED
|
@@ -53,6 +53,7 @@ var Dropdown_1 = __importDefault(require("../drop/Dropdown"));
|
|
|
53
53
|
var hi_1 = require("react-icons/hi");
|
|
54
54
|
var Flex_1 = __importDefault(require("../flex/Flex"));
|
|
55
55
|
var Select_1 = __importDefault(require("../select/Select"));
|
|
56
|
+
var Col_1 = __importDefault(require("../grid/Col"));
|
|
56
57
|
dayjs_1.default.extend(isSameOrAfter_1.default);
|
|
57
58
|
dayjs_1.default.extend(isSameOrBefore_1.default);
|
|
58
59
|
var Calendar = function (_a) {
|
|
@@ -159,32 +160,33 @@ var Calendar = function (_a) {
|
|
|
159
160
|
react_1.default.createElement("div", { className: "calendar-header" },
|
|
160
161
|
react_1.default.createElement(Avatar_1.default, { funcss: "border", onClick: prevPeriod },
|
|
161
162
|
react_1.default.createElement(pi_1.PiCaretLeft, null)),
|
|
162
|
-
react_1.default.createElement(
|
|
163
|
-
react_1.default.createElement(
|
|
163
|
+
react_1.default.createElement(Flex_1.default, { width: '100%', gap: 1, alignItems: "center" },
|
|
164
|
+
react_1.default.createElement(Col_1.default, null,
|
|
164
165
|
react_1.default.createElement(Select_1.default, { value: currentMonth.month().toString(), onChange: function (e) {
|
|
165
166
|
return setCurrentMonth(currentMonth.month(parseInt(e)));
|
|
166
167
|
}, options: Array.from({ length: 12 }, function (_, i) { return ({
|
|
167
168
|
value: i.toString(),
|
|
168
169
|
text: (0, dayjs_1.default)().month(i).format('MMMM'),
|
|
169
|
-
}); }), borderless: true, funcss: "round-edge" }),
|
|
170
|
+
}); }), borderless: true, funcss: "round-edge" })),
|
|
171
|
+
react_1.default.createElement(Col_1.default, null,
|
|
170
172
|
react_1.default.createElement(Select_1.default, { value: currentMonth.year().toString(), onChange: function (e) {
|
|
171
173
|
return setCurrentMonth(currentMonth.year(parseInt(e)));
|
|
172
174
|
}, options: Array.from({ length: 21 }, function (_, i) {
|
|
173
175
|
var year = (0, dayjs_1.default)().year() - 10 + i;
|
|
174
176
|
return { value: year.toString(), text: year.toString() };
|
|
175
|
-
}), borderless: true, funcss: "round-edge" }),
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
177
|
+
}), borderless: true, funcss: "round-edge" })),
|
|
178
|
+
react_1.default.createElement(Dropdown_1.default, { direction: "dropdown", position: 'right', openOnHover: false, button: react_1.default.createElement(Avatar_1.default, null,
|
|
179
|
+
react_1.default.createElement(hi_1.HiOutlineDotsVertical, null)), items: [
|
|
180
|
+
{
|
|
181
|
+
label: react_1.default.createElement("span", { className: "text-sm" }, "Today"),
|
|
182
|
+
onClick: function () { return goToToday(); },
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
label: react_1.default.createElement("div", { className: "text-sm", onClick: function () {
|
|
186
|
+
return setViewMode(viewMode === 'month' ? 'week' : 'month');
|
|
187
|
+
} }, viewMode === 'month' ? 'Switch to Week' : 'Switch to Month'),
|
|
188
|
+
},
|
|
189
|
+
] })),
|
|
188
190
|
react_1.default.createElement(Avatar_1.default, { funcss: "border", onClick: nextPeriod },
|
|
189
191
|
react_1.default.createElement(pi_1.PiCaretRight, null))),
|
|
190
192
|
react_1.default.createElement("div", { className: "calendar-weekdays" }, weekdays.map(function (d, i) { return (react_1.default.createElement("div", { key: i, className: "weekday-header" }, d)); })),
|