amotify 0.0.0

package/dist/@comps/Functions/Input/Time/Picker.js

@@ -0,0 +1,581 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Picker = void 0;
+var _global_1 = require("@global");
+var _atoms_1 = require("@atoms");
+var _mols_1 = require("@mols");
+var _functions_1 = require("@functions");
+var useEffect = _global_1.React.useEffect, useRef = _global_1.React.useRef, useState = _global_1.React.useState;
+var style_module_scss_1 = __importDefault(require("./style.module.scss"));
+var YearOptions = function (params) {
+    var _a, _b;
+    var Years = [];
+    var minYear = Number((_a = params === null || params === void 0 ? void 0 : params.min) !== null && _a !== void 0 ? _a : 1900);
+    var maxYear = Number((_b = params === null || params === void 0 ? void 0 : params.max) !== null && _b !== void 0 ? _b : $.Time().addYear(10).year);
+    for (var year = minYear; year <= maxYear; year++) {
+        Years.push({
+            value: year,
+            label: __spreadArray([year], __read($.transformer.wareki(year).value), false).join(' - '),
+            // displayLabel: year + '年'
+        });
+    }
+    return Years;
+};
+var Picker = function (params) {
+    var restrict = params.restrict, _a = params.defaultValue, defaultValue = _a === void 0 ? '' : _a;
+    params.tipsID = params.tipsID || $.uuidGen();
+    var mounted = useRef(false);
+    var _b = __read(useState((function () {
+        var _a, _b, _c;
+        var _d;
+        if (restrict == 'clock') {
+            var partValues = String(defaultValue).split(/[^\d]/);
+            if (!partValues[0])
+                partValues = [0, 0];
+            var hour = Number(partValues[0]);
+            var minutes = Number(partValues[1]);
+            return {
+                modifiedType: 'init',
+                hour: hour,
+                minutes: minutes
+            };
+        }
+        else if (restrict == 'date') {
+            var _e = __read((_d = String(defaultValue)) === null || _d === void 0 ? void 0 : _d.split(/\D/), 3), year = _e[0], month = _e[1], date = _e[2];
+            if ($.is.nullish(year) || $.is.nullish(month) || $.is.nullish(date)) {
+                _a = __read($.Time().toFormat('%Y-%M-%D').split('-'), 3), year = _a[0], month = _a[1], date = _a[2];
+            }
+            return {
+                modifiedType: 'init',
+                year: Number(year),
+                month: Number(month),
+                date: Number(date)
+            };
+        }
+        else if (restrict == 'week') {
+        }
+        else if (restrict == 'month') {
+            var _f = __read(String(defaultValue).split(/\D/), 2), year = _f[0], month = _f[1];
+            if ($.is.nullish(year) || $.is.nullish(month)) {
+                _b = __read($.Time().toFormat('%Y-%M').split('-'), 2), year = _b[0], month = _b[1];
+            }
+            return {
+                modifiedType: 'init',
+                year: Number(year),
+                month: Number(month)
+            };
+        }
+        else if (restrict == 'year') {
+            var _g = __read(String(defaultValue).split(/\D/), 1), year = _g[0];
+            if ($.is.nullish(year)) {
+                _c = __read($.Time().toFormat('%Y').split('-'), 1), year = _c[0];
+            }
+            return {
+                modifiedType: 'init',
+                year: Number(year)
+            };
+        }
+        return {};
+    })()), 2), val_value = _b[0], set_value = _b[1];
+    useEffect(function () {
+        if (mounted.current) {
+            if (val_value.modifiedType == 'update') {
+                var sendValue = '';
+                if (restrict == 'clock') {
+                    var _a = val_value, hour = _a.hour, minutes = _a.minutes;
+                    sendValue = [
+                        hour.zeroEmbed(2),
+                        minutes.zeroEmbed(2)
+                    ].join('/');
+                }
+                else if (restrict == 'date') {
+                    var _b = val_value, year = _b.year, month = _b.month, date = _b.date;
+                    sendValue = [
+                        year,
+                        month.zeroEmbed(2),
+                        date.zeroEmbed(2)
+                    ].join('/');
+                }
+                else if (restrict == 'week') {
+                }
+                else if (restrict == 'month') {
+                    var _c = val_value, year = _c.year, month = _c.month;
+                    sendValue = [
+                        year,
+                        month.zeroEmbed(2)
+                    ].join('/');
+                }
+                else if (restrict == 'year') {
+                    var year = val_value.year;
+                    sendValue = String(year);
+                }
+                params.onValueUpdate(sendValue);
+            }
+        }
+        else {
+            mounted.current = true;
+        }
+    }, [val_value]);
+    var Params = __assign(__assign({}, params), { val_value: val_value, set_value: set_value });
+    return (_global_1.React.createElement(_atoms_1.Box, { backgroundColor: '1.layer.base', borderRadius: '2.tone.secondary', boxShadow: 3, border: true, overflow: 'hidden' },
+        _global_1.React.createElement(_atoms_1.Box, { overflow: 'auto', className: style_module_scss_1.default[restrict.toCapital() + 'Base'], children: restrict == 'clock' ? _global_1.React.createElement(Comps.Clock._, __assign({}, Params))
+                : restrict == 'date' ? _global_1.React.createElement(Comps.Date._, __assign({}, Params))
+                    : restrict == 'week' ? ''
+                        : restrict == 'month' ? _global_1.React.createElement(Comps.Month._, __assign({}, Params))
+                            : restrict == 'year' ? _global_1.React.createElement(Comps.Year._, __assign({}, Params))
+                                : restrict == 'dates' ? ''
+                                    : restrict == 'months' ? ''
+                                        : restrict == 'dateWareki' ? ''
+                                            : _global_1.React.createElement(_global_1.React.Fragment, null) })));
+};
+exports.Picker = Picker;
+var Comps = {
+    Clock: {
+        _: function (params) {
+            var min = params.min, max = params.max, onValueUpdate = params.onValueUpdate, tipsID = params.tipsID, val_value = params.val_value, set_value = params.set_value;
+            var _a = __read(useState(val_value.hour > 12 ? 2 : 1), 2), val_ampm = _a[0], set_ampm = _a[1];
+            var _b = __read(useState(Number(localStorage.getItem('timePickerUnit') || 5)), 2), val_unit = _b[0], set_unit = _b[1];
+            useEffect(function () {
+                localStorage.setItem('timePickerUnit', String(val_unit));
+            }, [val_unit]);
+            var hour = val_value.hour, minutes = val_value.minutes;
+            return (_global_1.React.createElement(_mols_1.Column, { padding: 1 },
+                _global_1.React.createElement(_atoms_1.Flex, { flexType: 'row', flexWrap: false, gap: 1, className: style_module_scss_1.default.Body },
+                    _global_1.React.createElement(_mols_1.Column, { className: style_module_scss_1.default.DesignSide, flexSizing: 0 },
+                        _global_1.React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.ClockUiBase, padding: [1, '2/3'], flexCenter: true },
+                            _global_1.React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.ClockUi, backgroundColor: 'tcOpLow', isRounded: true, position: 'relative' },
+                                _global_1.React.createElement(_atoms_1.Box, { position: 'absolute', backgroundColor: 'theme', unitWidth: '1/12', className: [
+                                        style_module_scss_1.default.Needle,
+                                        style_module_scss_1.default.hour
+                                    ].join(' '), freeCSS: {
+                                        transform: "rotate(".concat(hour * 30 + minutes / 2, "deg)")
+                                    } }),
+                                _global_1.React.createElement(_atoms_1.Box, { position: 'absolute', backgroundColor: 'theme', unitWidth: '1/12', className: [
+                                        style_module_scss_1.default.Needle,
+                                        style_module_scss_1.default.minute
+                                    ].join(' '), freeCSS: {
+                                        transform: "rotate(".concat(minutes * 6, "deg)")
+                                    } }))),
+                        _global_1.React.createElement(_functions_1.Input.Radio, { tone: 'plain', icon: true, value: [val_ampm], options: [
+                                { value: 1, label: 'AM' },
+                                { value: 2, label: 'PM' }
+                            ], flexType: 'col', gap: 0, cellStyles: {
+                                padding: '1/2',
+                                horizontalAlign: 'between',
+                                gap: '1/3'
+                            }, tabIndex: -1, onUpdateValidValue: function (_a) {
+                                var value = _a.value;
+                                var prevHour = val_value.hour % 12;
+                                var Hour = prevHour + (value == 2 ? 12 : 0);
+                                set_ampm(value);
+                                set_value({
+                                    modifiedType: 'update',
+                                    hour: Hour,
+                                    minutes: val_value.minutes
+                                });
+                            } }),
+                        _global_1.React.createElement(_atoms_1.Box, { borderTop: true, margin: [0, 1] }),
+                        _global_1.React.createElement(_functions_1.Input.Radio, { tone: 'plain', icon: true, value: [val_unit], options: [
+                                { value: 1, label: '/ 1分' },
+                                { value: 2, label: '/ 2分' },
+                                { value: 5, label: '/ 5分' }
+                            ], flexType: 'col', gap: 0, cellStyles: {
+                                padding: '1/2',
+                                horizontalAlign: 'between',
+                                gap: '1/3'
+                            }, tabIndex: -1, onUpdateValidValue: function (_a) {
+                                var value = _a.value;
+                                set_unit(value);
+                            } })),
+                    _global_1.React.createElement(_mols_1.Column, null,
+                        _global_1.React.createElement(_atoms_1.Box, { flexCenter: true, fontSize: '3.paragraph', isBoldFont: true },
+                            val_value.hour.zeroEmbed(2),
+                            " : ",
+                            val_value.minutes.zeroEmbed(2)),
+                        _global_1.React.createElement(_atoms_1.Flex, { flexWrap: false, borderRadius: '1.tone.primary', boxShadow: -1, flexChilds: 'even', freeCSS: {
+                                minWidth: 12 * 12
+                            }, padding: ['1/3', 0] },
+                            _global_1.React.createElement(_mols_1.Column, { gap: 0, overflow: 'auto', padding: '2/3', borderRight: true, freeCSS: {
+                                    maxHeight: 12 * 22
+                                }, children: Comps.Clock.Hours({
+                                    onClick: function (index) {
+                                        var Hour = index + (val_ampm == 2 ? 12 : 0);
+                                        set_value({
+                                            modifiedType: 'update',
+                                            hour: Hour,
+                                            minutes: val_value.minutes
+                                        });
+                                    },
+                                    min: min,
+                                    max: max,
+                                    ampm: val_ampm
+                                }) }),
+                            _global_1.React.createElement(_mols_1.Column, { gap: 0, overflow: 'auto', padding: '2/3', freeCSS: {
+                                    maxHeight: 12 * 22
+                                }, children: Comps.Clock.Minutes({
+                                    onClick: function (index) {
+                                        set_value({
+                                            modifiedType: 'update',
+                                            hour: val_value.hour,
+                                            minutes: index
+                                        });
+                                    },
+                                    min: min,
+                                    max: max,
+                                    unit: val_unit
+                                }) })))),
+                _global_1.React.createElement(Comps.Variables.Footer, { tipsID: tipsID, onValueUpdate: onValueUpdate })));
+        },
+        Hours: function (params) {
+            var list = [];
+            var _loop_1 = function (index) {
+                var labelIndex = params.ampm == 2 ? index + 12 : index;
+                var Disabled = false;
+                {
+                    var VAL = Number(String(labelIndex * 100).replace(/\D/ig, ''));
+                    if (params.min) {
+                        var MIN = Number(String(params.min).replace(/\D/ig, ''));
+                        if (MIN > VAL)
+                            Disabled = true;
+                    }
+                    if (params.max) {
+                        var MAX = Number(String(params.max).replace(/\D/ig, ''));
+                        if (VAL > MAX)
+                            Disabled = true;
+                    }
+                }
+                list.push(_global_1.React.createElement(_functions_1.Buttons.Button.Normal.R, { key: index, isLocked: Disabled, borderBottom: true, borderRadius: 0, padding: ['1/2', 1], freeCSS: { whiteSpace: 'nowrap' }, tabIndex: -1, onClick: function () {
+                        params.onClick(index);
+                    }, children: labelIndex.zeroEmbed(2) }));
+            };
+            for (var index = 0; index < 12; index++) {
+                _loop_1(index);
+            }
+            return list;
+        },
+        Minutes: function (params) {
+            var list = [];
+            var _loop_2 = function (index) {
+                var Value = index * params.unit;
+                list.push(_global_1.React.createElement(_functions_1.Buttons.Button.Normal.R, { key: Value, borderBottom: true, borderRadius: 0, padding: ['1/2', 1], freeCSS: { whiteSpace: 'nowrap' }, tabIndex: -1, onClick: function () {
+                        params.onClick(Value);
+                    }, children: Value.zeroEmbed(2) }));
+            };
+            for (var index = 0; index < 60 / params.unit; index++) {
+                _loop_2(index);
+            }
+            return list;
+        }
+    },
+    Date: {
+        _: function (params) {
+            var min = params.min, max = params.max, onValueUpdate = params.onValueUpdate, tipsID = params.tipsID, val_value = params.val_value, set_value = params.set_value;
+            var year = val_value.year, month = val_value.month, date = val_value.date;
+            return (_global_1.React.createElement(_mols_1.Column, { padding: 1 },
+                _global_1.React.createElement(_atoms_1.Flex, { horizontalAlign: 'between', verticalAlign: 'center', flexWrap: false },
+                    _global_1.React.createElement(_atoms_1.Flex, { verticalAlign: 'bottom', horizontalAlign: 'left', gap: '2/3', flexWrap: false },
+                        _global_1.React.createElement(_functions_1.Input.Select, { override: 'force', enableUnSelected: false, value: year, options: YearOptions(), border: '1.thin', padding: ['1/3', '2/3'], paddingRight: 2, rightIconStyles: {
+                                right: '1/3'
+                            }, onUpdateValidValue: function (_a) {
+                                var value = _a.value;
+                                set_value({
+                                    modifiedType: 'update',
+                                    year: Number(value),
+                                    month: month,
+                                    date: date
+                                });
+                            } }),
+                        _global_1.React.createElement(_functions_1.Input.Select, { override: 'force', enableUnSelected: false, value: month, options: (function () {
+                                var options = [];
+                                for (var i = 1; i <= 12; i++) {
+                                    options.push({
+                                        value: i,
+                                        label: String(i),
+                                        displayLabel: String(i) + '月'
+                                    });
+                                }
+                                return options;
+                            })(), placeholder: '', border: '1.thin', padding: ['1/3', '2/3'], paddingRight: 2, rightIconStyles: {
+                                right: '1/3'
+                            }, onUpdateValidValue: function (_a) {
+                                var value = _a.value;
+                                set_value({
+                                    modifiedType: 'update',
+                                    year: year,
+                                    month: Number(value),
+                                    date: date
+                                });
+                            } })),
+                    _global_1.React.createElement(Comps.Variables.ShiftButtons, { callback: function (dir) {
+                            var newMonth = month + dir;
+                            var newYear = year;
+                            if (dir == -1) {
+                                if (newMonth <= 0)
+                                    newYear--;
+                                newMonth = newMonth || 12;
+                            }
+                            else {
+                                if (month == 12)
+                                    newYear++;
+                            }
+                            set_value({
+                                modifiedType: 'update',
+                                year: newYear,
+                                month: newMonth,
+                                date: val_value.date
+                            });
+                        } })),
+                _global_1.React.createElement(_atoms_1.Box, { borderTop: true }),
+                _global_1.React.createElement(_atoms_1.Box, { children: Comps.Date.MonthCalendar({
+                        min: min,
+                        max: max,
+                        year: val_value.year,
+                        month: val_value.month,
+                        current: [val_value.year, val_value.month, val_value.date],
+                        callback: (function (val) {
+                            var _a = __read(val, 3), year = _a[0], month = _a[1], date = _a[2];
+                            set_value({
+                                modifiedType: 'update',
+                                year: year,
+                                month: month,
+                                date: date
+                            });
+                        })
+                    }) }),
+                _global_1.React.createElement(Comps.Variables.Footer, { tipsID: tipsID, onValueUpdate: onValueUpdate })));
+        },
+        MonthCalendar: function (params) {
+            var min = params.min, max = params.max, year = params.year, month = params.month, current = params.current, callback = params.callback;
+            var today = $.Time();
+            var firstDate = $.Time([year, month.zeroEmbed(2), '01'].join('/'));
+            var lastDate = firstDate.getLastDayOfTheMonth();
+            var lastMonthLastDay = $.Time(firstDate).addMonth(-1).getLastDayOfTheMonth().date;
+            var legends = [], lastMonthLastishDates = [], thisMonthDates = [], nextMonthFirstishDates = [];
+            var commonStyle = {
+                padding: 0,
+                unitWidth: 3,
+                unitHeight: 3,
+                flexCenter: true,
+                borderRadius: '3.tone.tertiary'
+            };
+            for (var i = 0; i < 7; i++) {
+                legends.push(_global_1.React.createElement(_atoms_1.Box, __assign({ className: [
+                        style_module_scss_1.default.CalendarDay,
+                        style_module_scss_1.default.Legend
+                    ].join(' ') }, commonStyle, { key: i }), ['日', '月', '火', '水', '木', '金', '土'][i]));
+            }
+            for (var i = 0; i < firstDate.weekday; i++) {
+                lastMonthLastishDates.unshift(_global_1.React.createElement(_atoms_1.Box, __assign({ className: [
+                        style_module_scss_1.default.CalendarDay,
+                        style_module_scss_1.default.Dummy
+                    ].join(' '), fontColor: '4.thin' }, commonStyle, { key: i }), lastMonthLastDay - i));
+            }
+            var _loop_3 = function () {
+                var idx = i;
+                var isToday = year == today.year && month == today.month && i == today.date;
+                var isLocked = false;
+                {
+                    var VAL = Number(String([year, month.zeroEmbed(2), i.zeroEmbed(2)].join('/')).replace(/\D/ig, ''));
+                    if (params.min) {
+                        var MIN = Number(String(params.min).replace(/\D/ig, ''));
+                        if (MIN > VAL)
+                            isLocked = true;
+                    }
+                    if (params.max) {
+                        var MAX = Number(String(params.max).replace(/\D/ig, ''));
+                        if (VAL > MAX)
+                            isLocked = true;
+                    }
+                }
+                thisMonthDates.push(_global_1.React.createElement(_functions_1.Buttons.Button.Clear.R, __assign({ className: [
+                        style_module_scss_1.default.CalendarDay,
+                    ].join(' ') }, commonStyle, { onClick: function () {
+                        callback([year, month, idx]);
+                    }, tabIndex: -1, key: idx, isLocked: isLocked, fontColor: '1.clear', ssEffectsOnActive: 'shrink', padding: 0, flexCenter: true, borderRadius: 'sphere' }, isToday ? {
+                    backgroundColor: 'warn',
+                    fontColor: 'white'
+                } : null, { children: i })));
+            };
+            for (var i = 1; i <= lastDate.date; i++) {
+                _loop_3();
+            }
+            for (var i = 1; i < 7 - lastDate.weekday; i++) {
+                nextMonthFirstishDates.push(_global_1.React.createElement(_atoms_1.Box, __assign({ className: [
+                        style_module_scss_1.default.CalendarDay,
+                        style_module_scss_1.default.Dummy
+                    ].join(' '), fontColor: '4.thin' }, commonStyle, { key: i }), i));
+            }
+            return (_global_1.React.createElement(_atoms_1.Grid, { gridCols: 7, gap: '1/3' },
+                legends,
+                lastMonthLastishDates,
+                thisMonthDates,
+                nextMonthFirstishDates));
+        }
+    },
+    Month: {
+        _: function (params) {
+            var min = params.min, max = params.max, onValueUpdate = params.onValueUpdate, tipsID = params.tipsID, val_value = params.val_value, set_value = params.set_value;
+            var year = val_value.year, month = val_value.month;
+            return (_global_1.React.createElement(_mols_1.Column, { padding: 1 },
+                _global_1.React.createElement(_mols_1.Row.Separate, { gap: 0 },
+                    _global_1.React.createElement(_mols_1.Row.Center, { verticalAlign: 'bottom', gap: '2/3' },
+                        _global_1.React.createElement(_functions_1.Input.Select, { enableUnSelected: false, value: year, options: YearOptions(), override: 'force', border: '1.thin', padding: ['1/3', '2/3'], paddingRight: 2, rightIconStyles: {
+                                right: '1/3'
+                            }, onUpdateValidValue: function (_a) {
+                                var value = _a.value;
+                                set_value({
+                                    modifiedType: 'update',
+                                    year: Number(value),
+                                    month: month
+                                });
+                            } })),
+                    _global_1.React.createElement(Comps.Variables.ShiftButtons, { callback: function (dir) {
+                            var newYear = Math.min(Math.max(year + dir, 1900), 2100);
+                            set_value({
+                                modifiedType: 'update',
+                                year: newYear,
+                                month: month
+                            });
+                        } })),
+                _global_1.React.createElement(_atoms_1.Box, { borderTop: true }),
+                Comps.Month.Months({
+                    min: min,
+                    max: max,
+                    year: val_value.year,
+                    current: [val_value.year, val_value.month],
+                    callback: (function (val) {
+                        var _a = __read(val, 2), year = _a[0], month = _a[1];
+                        set_value({
+                            modifiedType: 'update',
+                            year: year,
+                            month: month
+                        });
+                    })
+                }),
+                _global_1.React.createElement(Comps.Variables.Footer, { tipsID: tipsID, onValueUpdate: onValueUpdate })));
+        },
+        Months: function (params) {
+            var year = params.year, current = params.current, callback = params.callback;
+            var _a = __read(current, 2), currentYear = _a[0], currentMonth = _a[1];
+            var Months = [];
+            var _loop_4 = function (index) {
+                var Checked = year == currentYear && index == currentMonth;
+                var isLocked = false;
+                {
+                    var VAL = Number(String([year, index.zeroEmbed(2)].join('/')).replace(/\D/ig, ''));
+                    if (params.min) {
+                        var MIN = Number(String(params.min).replace(/\D/ig, ''));
+                        if (MIN > VAL)
+                            isLocked = true;
+                    }
+                    if (params.max) {
+                        var MAX = Number(String(params.max).replace(/\D/ig, ''));
+                        if (VAL > MAX)
+                            isLocked = true;
+                    }
+                }
+                var ClassName = [
+                    style_module_scss_1.default.Cell,
+                    Checked ? style_module_scss_1.default.Checked : ''
+                ].join(' ');
+                Months.push(_global_1.React.createElement(_functions_1.Buttons.Button.Clear.R, { key: year + '-' + index, className: ClassName, isLocked: isLocked, fontColor: '2.normal', padding: ['2/3', 1], ssEffectsOnActive: 'shrink', onClick: function () {
+                        callback([year, index]);
+                    } },
+                    index,
+                    " \u6708"));
+            };
+            for (var index = 1; index <= 12; index++) {
+                _loop_4(index);
+            }
+            return (_global_1.React.createElement(_atoms_1.Grid, { gridCols: 4, gap: '2/3', children: Months }));
+        }
+    },
+    Year: {
+        _: function (params) {
+            var min = params.min, max = params.max, onValueUpdate = params.onValueUpdate, tipsID = params.tipsID, val_value = params.val_value, set_value = params.set_value;
+            var year = val_value.year;
+            return (_global_1.React.createElement(_mols_1.Column, { padding: 1 },
+                _global_1.React.createElement(_functions_1.Input.Select, { enableUnSelected: false, value: year, override: 'force', options: YearOptions({ min: min, max: max }), onUpdateValidValue: function (_a) {
+                        var value = _a.value;
+                        set_value({
+                            modifiedType: 'update',
+                            year: Number(value)
+                        });
+                    } }),
+                _global_1.React.createElement(Comps.Variables.Footer, { tipsID: tipsID, onValueUpdate: onValueUpdate })));
+        }
+    },
+    Variables: {
+        Footer: function (params) {
+            return (_global_1.React.createElement(_atoms_1.Flex, { flexWrap: false, gap: 1, flexChilds: 'even', freeCSS: {
+                    whiteSpace: 'nowrap'
+                } },
+                _global_1.React.createElement(_functions_1.Buttons.Button.Border.R, { onClick: function () {
+                        params.onValueUpdate('');
+                    }, tabIndex: -1, flexSizing: 'none', padding: ['2/3', 1] },
+                    _global_1.React.createElement(_atoms_1.FAIcon.Times, null),
+                    " \u524A\u9664"),
+                _global_1.React.createElement(_functions_1.Buttons.Button.Prime.R, { flexSizing: 'auto', onClick: function () {
+                        _functions_1.Tooltips.close(params.tipsID);
+                    }, tabIndex: -1, children: '決定', padding: ['2/3', 1] })));
+        },
+        ShiftButtons: function (params) {
+            return _global_1.React.createElement(_atoms_1.Flex, { flexWrap: false, gap: '1/3' },
+                _global_1.React.createElement(_functions_1.Buttons.Button.Clear.R, __assign({ className: style_module_scss_1.default.LeftButton, tabIndex: -1, right: 0 }, Comps.Variables.ShiftButtonStyles, { onClick: function () {
+                        params.callback(-1);
+                    } }),
+                    _global_1.React.createElement(_atoms_1.FAIcon.ChevronLeft, null)),
+                _global_1.React.createElement(_functions_1.Buttons.Button.Clear.R, __assign({ className: style_module_scss_1.default.RightButton, tabIndex: -1, left: 0 }, Comps.Variables.ShiftButtonStyles, { onClick: function () {
+                        params.callback(1);
+                    } }),
+                    _global_1.React.createElement(_atoms_1.FAIcon.ChevronRight, null)));
+        },
+        ShiftButtonStyles: {
+            flexCenter: true,
+            padding: 0,
+            unitWidth: 3,
+            unitHeight: 3,
+            borderRadius: 'sphere',
+            position: 'relative'
+        }
+    }
+};

package/dist/@comps/Functions/Input/Time/_.d.ts

@@ -0,0 +1,2 @@
+export declare const TimeInput: FNC<amotify.fn.Input.Time.OriginParams>;
+export declare const TimeFNs: amotify.fn.Input.Time.FNTypes;