expo-2k-datetime-picker 1.0.0

package/build/Calendar2kView.js

@@ -0,0 +1,366 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Calendar2kView;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var react_native_safe_area_context_1 = require("react-native-safe-area-context");
+var ArrowButton_1 = __importDefault(require("./components/ArrowButton"));
+var Backdrop_1 = __importDefault(require("./components/Backdrop"));
+var DayLabel_1 = __importDefault(require("./components/DayLabel"));
+var Icon_1 = __importDefault(require("./components/Icon"));
+var SwipeIcon_1 = __importDefault(require("./components/SwipeIcon"));
+var Time_1 = __importDefault(require("./components/Time"));
+var TimeView_1 = __importDefault(require("./components/TimeView"));
+var useCalendarDisclose_1 = __importDefault(require("./hooks/useCalendarDisclose"));
+var format_1 = require("./libs/format");
+var getDayMatrix_1 = __importDefault(require("./libs/getDayMatrix"));
+var getStyle_1 = __importDefault(require("./libs/getStyle"));
+var isActive_1 = __importDefault(require("./libs/isActive"));
+var toHexColor_1 = require("./libs/toHexColor");
+var ui_1 = require("./ui");
+function Calendar2kView(_a) {
+    var _this = this;
+    var onChangeDate = _a.onChangeDate, value = _a.value, locales = _a.locales, color = _a.color, min = _a.min, max = _a.max, disableDate = _a.disableDate, placeholder = _a.placeholder, customTrigger = _a.customTrigger, _b = _a.mode, mode = _b === void 0 ? "datetime" : _b, disabled = _a.disabled;
+    color = (0, toHexColor_1.toHexColor)(color);
+    var isValueDate = value instanceof Date;
+    var isValueTime = typeof value === "string";
+    var isValueRange = !!value && !isValueDate && typeof value === "object";
+    var isValueDateRange = isValueRange && value.start instanceof Date;
+    var isValueTimeRange = isValueRange && typeof value.start === "string";
+    if (isValueTime || isValueTimeRange)
+        mode = "time";
+    var modeHasTime = mode === null || mode === void 0 ? void 0 : mode.includes("time");
+    var modeHasDate = mode === null || mode === void 0 ? void 0 : mode.includes("date");
+    var _c = (0, useCalendarDisclose_1.default)(), isOpen = _c.isOpen, onToggle = _c.onToggle;
+    var _d = (0, react_1.useState)(function () {
+        if (!value)
+            return new Date();
+        if (isValueDate)
+            return value;
+        if (isValueTime)
+            return new Date("2026-05-30 ".concat(value));
+        if (isValueTimeRange)
+            return {
+                start: new Date("2026-05-30 ".concat(value.start)),
+                end: new Date("2026-05-30 ".concat(value.end)),
+            };
+        return value;
+    }), selectedDate = _d[0], setSelectedDate = _d[1];
+    var isStateDate = selectedDate instanceof Date;
+    var isDateRange = !isStateDate &&
+        typeof selectedDate === "object" &&
+        selectedDate.start instanceof Date;
+    var _e = (0, react_1.useState)(function () {
+        if (isStateDate)
+            return selectedDate;
+        return selectedDate.start;
+    }), shortDate = _e[0], setShortDate = _e[1];
+    var matrix = (0, getDayMatrix_1.default)(shortDate);
+    var weekDays = Array.from({ length: 7 }).map(function (_, i) {
+        return (0, format_1.getWeekDay)(new Date(2026, 4, 3 + i), locales);
+    });
+    var datetimeOuput = (0, react_1.useMemo)(function () {
+        if (customTrigger)
+            return "";
+        if (!value) {
+            if (placeholder)
+                return placeholder;
+            placeholder = "Select date and time";
+            if (mode === "date")
+                return "Select date";
+            if (mode === "time")
+                return "Select time";
+            return placeholder;
+        }
+        if (isValueDate)
+            return (0, format_1.formatDate)(value, locales, mode);
+        if (isValueTime)
+            return value;
+        if (isValueTimeRange)
+            return "".concat((0, format_1.formatDate)(new Date("2026-05-30 ".concat(value.start)), locales, mode), " - ").concat((0, format_1.formatDate)(new Date("2026-05-30 ".concat(value.end)), locales, mode));
+        if (isValueDateRange) {
+            var date = (0, format_1.formatDate)(value.start, locales, mode);
+            if (value.end)
+                date = date
+                    .concat(" - ")
+                    .concat((0, format_1.formatDate)(value.end, locales, mode));
+            return date;
+        }
+        return "Invalid date or time";
+    }, [value, locales, mode]);
+    var changeYear = function (year) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, setShortDate(function (v) { return new Date(year, v.getMonth(), v.getDate()); })];
+    }); }); };
+    var changeMonth = function (nb) { return function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, setShortDate(function (v) { return new Date(v.getFullYear(), v.getMonth() + nb, v.getDate()); })];
+        });
+    }); }; };
+    var selectDate = function (date) { return function () { return __awaiter(_this, void 0, void 0, function () {
+        var newDate, isBeforeStart;
+        return __generator(this, function (_a) {
+            newDate = new Date(date);
+            if (isStateDate) {
+                if (modeHasTime) {
+                    newDate.setHours(selectedDate.getHours());
+                    newDate.setMinutes(selectedDate.getMinutes());
+                }
+                setSelectedDate(newDate);
+            }
+            else {
+                isBeforeStart = selectedDate.start.getTime() > newDate.getTime();
+                if (selectedDate.end || isBeforeStart) {
+                    if (modeHasTime) {
+                        newDate.setHours(selectedDate.start.getHours());
+                        newDate.setMinutes(selectedDate.start.getMinutes());
+                    }
+                    setSelectedDate({ start: newDate, end: undefined });
+                }
+                else {
+                    if (modeHasTime) {
+                        newDate.setHours(selectedDate.start.getHours());
+                        newDate.setMinutes(selectedDate.start.getMinutes());
+                    }
+                    setSelectedDate(function (v) { return (__assign(__assign({}, v), { end: newDate })); });
+                }
+            }
+            return [2 /*return*/];
+        });
+    }); }; };
+    var changeTime = function (key, endTime) {
+        if (key === void 0) { key = "h"; }
+        return function (time) { return __awaiter(_this, void 0, void 0, function () {
+            var date, date_1, date_2;
+            return __generator(this, function (_a) {
+                if (isStateDate) {
+                    date = new Date(selectedDate);
+                    if (key === "h")
+                        date.setHours(time);
+                    if (key === "min")
+                        date.setMinutes(time);
+                    setSelectedDate(date);
+                }
+                else if (isDateRange) {
+                    if (selectedDate.end && endTime) {
+                        date_1 = new Date(selectedDate.end);
+                        if (key === "h")
+                            date_1.setHours(time);
+                        if (key === "min")
+                            date_1.setMinutes(time);
+                        setSelectedDate(function (v) { return (__assign(__assign({}, v), { end: date_1 })); });
+                    }
+                    else if (selectedDate.start) {
+                        date_2 = new Date(selectedDate.start);
+                        if (key === "h")
+                            date_2.setHours(time);
+                        if (key === "min")
+                            date_2.setMinutes(time);
+                        setSelectedDate(function (v) { return (__assign(__assign({}, v), { start: date_2 })); });
+                    }
+                }
+                return [2 /*return*/];
+            });
+        }); };
+    };
+    var save = function () { return __awaiter(_this, void 0, void 0, function () {
+        var data;
+        return __generator(this, function (_a) {
+            data = selectedDate;
+            if (isStateDate && isValueTime)
+                data = (0, format_1.formatDate)(selectedDate, locales, mode);
+            if (isDateRange && isValueTimeRange)
+                data = {
+                    start: (0, format_1.formatDate)(selectedDate.start, locales, mode),
+                    end: (0, format_1.formatDate)(selectedDate.end, locales, mode),
+                };
+            onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(data);
+            onToggle();
+            return [2 /*return*/];
+        });
+    }); };
+    function Day(_a) {
+        var date = _a.date;
+        var active = (0, isActive_1.default)({ min: min, max: max, date: date, disableDate: disableDate });
+        var style = (0, getStyle_1.default)({
+            date: date,
+            shortDate: shortDate,
+            selectedDate: selectedDate,
+            color: color,
+            active: active,
+        });
+        return (<ui_1.KTouchableOpacity paddingHorizontal={16} paddingVertical={10} alignItems="center" justifyContent="center" nativeProps={{ onPress: selectDate(date), disabled: !active }} {...style.touchableOpacity}>
+        <ui_1.KText textAlign="center" fontSize={16} {...style.text}>
+          {date.getDate()}
+        </ui_1.KText>
+      </ui_1.KTouchableOpacity>);
+    }
+    function DayColumn(_a) {
+        var label = _a.label, dayNumber = _a.dayNumber;
+        return (<ui_1.KView rowGap={3} flex={1} alignItems="stretch">
+        <DayLabel_1.default color={color}>{label}</DayLabel_1.default>
+        <Day date={matrix[dayNumber][0]}/>
+        <Day date={matrix[dayNumber][1]}/>
+        <Day date={matrix[dayNumber][2]}/>
+        <Day date={matrix[dayNumber][3]}/>
+        <Day date={matrix[dayNumber][4]}/>
+      </ui_1.KView>);
+    }
+    return (<>
+      {customTrigger ? (customTrigger(onToggle)) : (<react_native_1.Pressable onPress={onToggle} disabled={disabled} style={{
+                width: "100%",
+                borderWidth: 1,
+                borderColor: "#0003",
+                paddingHorizontal: 16,
+                paddingVertical: 10,
+                borderRadius: 8,
+                backgroundColor: "white",
+                flexDirection: "row",
+                gap: 10,
+                alignItems: "center",
+            }}>
+          <>
+            <Icon_1.default mode={mode}/>
+            <ui_1.KText fontSize={16} color={value ? undefined : "#0007"}>
+              {datetimeOuput}
+            </ui_1.KText>
+          </>
+        </react_native_1.Pressable>)}
+      <react_native_1.Modal animationType="slide" visible={isOpen} transparent onRequestClose={onToggle}>
+        <ui_1.KView flex={1} justifyContent="flex-end">
+          {isOpen && <Backdrop_1.default onPress={onToggle}/>}
+          <react_native_safe_area_context_1.SafeAreaView style={{
+            minHeight: modeHasDate ? 470 : 200,
+            backgroundColor: "white",
+            padding: 20,
+            gap: 16,
+        }}>
+            <ui_1.KView flexDirection="row" justifyContent={modeHasTime ? "space-between" : "flex-end"} alignItems="center">
+              {modeHasTime && (<ui_1.KView flexDirection="row" justifyContent="space-between" alignItems="center" gap={8}>
+                  <TimeView_1.default date={isStateDate ? selectedDate : selectedDate.start} onChangeHours={changeTime("h")} onChangeMinutes={changeTime("min")} showDate={modeHasDate} color={color}/>
+                  {(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.end) && (<>
+                      <ui_1.KView width={10} borderWidth={2} borderColor={color}/>
+                      <TimeView_1.default date={selectedDate.end} onChangeHours={changeTime("h", true)} onChangeMinutes={changeTime("min", true)} showDate={modeHasDate} color={color}/>
+                    </>)}
+                  <SwipeIcon_1.default color={color}/>
+                </ui_1.KView>)}
+              <ui_1.KTouchableOpacity nativeProps={{ onPress: save }} alignItems="center" justifyContent="center" borderWidth={3} paddingHorizontal={14} paddingVertical={14} borderColor={color}>
+                <ui_1.KText fontSize={20} fontWeight="bold" color={color}>
+                  OK
+                </ui_1.KText>
+              </ui_1.KTouchableOpacity>
+            </ui_1.KView>
+            <ui_1.KView borderTopWidth={1} width="100%" borderColor={"".concat(color, "11")}/>
+            {modeHasDate && (<>
+                <ui_1.KView flexDirection="row" justifyContent="space-between" alignItems="center">
+                  <ArrowButton_1.default color={color} onPress={changeMonth(-1)} direction="left"/>
+                  <ui_1.KView flexDirection="row" alignItems="center" gap={4}>
+                    <ui_1.KText fontWeight="bold" fontSize={16} textTransform="capitalize" color={color} minWidth={100} textAlign="right">
+                      {(0, format_1.formatMonth)(shortDate, locales)} -
+                    </ui_1.KText>
+                    <ui_1.KView height={40} backgroundColor={"".concat(color, "11")} paddingHorizontal={10} borderColor={"".concat(color, "11")} flexDirection="row" alignItems="center">
+                      <Time_1.default length={1000} index={shortDate.getFullYear()} height={40} start={new Date().getFullYear() - 500} onScrollEnd={changeYear} color={color}/>
+                      <SwipeIcon_1.default color={color}/>
+                    </ui_1.KView>
+                  </ui_1.KView>
+                  <ArrowButton_1.default color={color} onPress={changeMonth(1)} direction="right"/>
+                </ui_1.KView>
+                <ui_1.KView borderTopWidth={1} width="100%" borderColor={"".concat(color, "22")}/>
+                <ui_1.KView flexDirection="row" flex={1}>
+                  <DayColumn label={weekDays[0]} dayNumber={6}/>
+                  <DayColumn label={weekDays[1]} dayNumber={0}/>
+                  <DayColumn label={weekDays[2]} dayNumber={1}/>
+                  <DayColumn label={weekDays[3]} dayNumber={2}/>
+                  <DayColumn label={weekDays[4]} dayNumber={3}/>
+                  <DayColumn label={weekDays[5]} dayNumber={4}/>
+                  <DayColumn label={weekDays[6]} dayNumber={5}/>
+                </ui_1.KView>
+              </>)}
+          </react_native_safe_area_context_1.SafeAreaView>
+        </ui_1.KView>
+      </react_native_1.Modal>
+    </>);
+}

package/build/Calendar2kView.web.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Calendar2kViewProps } from './Calendar2k.types';
+export default function Calendar2kView(_props: Calendar2kViewProps): React.JSX.Element;

package/build/Calendar2kView.web.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Calendar2kView;
+var React = __importStar(require("react"));
+function Calendar2kView(_props) {
+    return (<div style={{
+            backgroundColor: '#aabbcc',
+            flex: 1,
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+        }}>
+      <span>Calendar2k - native view</span>
+    </div>);
+}

package/build/components/ArrowButton.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from "react";
+type Props = {
+    onPress: () => void;
+    color?: string;
+    direction?: "right" | "left";
+} & PropsWithChildren;
+export default function ArrowButton({ onPress, children, color, direction, }: Props): import("react").JSX.Element;
+export {};

package/build/components/ArrowButton.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ArrowButton;
+var react_native_1 = require("react-native");
+var ui_1 = require("../ui");
+function ArrowButton(_a) {
+    var onPress = _a.onPress, children = _a.children, color = _a.color, _b = _a.direction, direction = _b === void 0 ? "right" : _b;
+    var source = function () {
+        switch (direction) {
+            case "right":
+                return require("../assets/images/chevron-right.png");
+            case "left":
+                return require("../assets/images/chevron-left.png");
+        }
+    };
+    return (<ui_1.KTouchableOpacity backgroundColor={color} width={35} height={35} alignItems="center" justifyContent="center" nativeProps={{ onPress: onPress }}>
+      <react_native_1.Image source={source()} style={{ width: 12, height: 12, tintColor: "white" }}/>
+    </ui_1.KTouchableOpacity>);
+}

package/build/components/Backdrop.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    onPress: () => void;
+};
+export default function Backdrop({ onPress }: Props): import("react").JSX.Element;
+export {};

package/build/components/Backdrop.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Backdrop;
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var ui_1 = require("../ui");
+function Backdrop(_a) {
+    var onPress = _a.onPress;
+    var fadeAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    (0, react_1.useEffect)(function () {
+        react_native_1.Animated.timing(fadeAnim, {
+            toValue: 1,
+            duration: 800,
+            delay: 100,
+            useNativeDriver: true,
+        }).start();
+    }, []);
+    return (<react_native_1.Animated.View style={{
+            opacity: fadeAnim,
+            flex: 1,
+            backgroundColor: "#0003",
+        }}>
+      <ui_1.KTouchableOpacity flex={1} nativeProps={{ onPress: onPress }}/>
+    </react_native_1.Animated.View>);
+}

package/build/components/DayLabel.d.ts

@@ -0,0 +1,6 @@
+import React, { PropsWithChildren } from "react";
+type Props = {
+    color?: string;
+} & PropsWithChildren;
+export default function DayLabel({ children, color }: Props): React.JSX.Element;
+export {};

package/build/components/DayLabel.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DayLabel;
+var react_1 = __importDefault(require("react"));
+var ui_1 = require("../ui");
+function DayLabel(_a) {
+    var children = _a.children, color = _a.color;
+    return (<ui_1.KView padding={4}>
+      <ui_1.KText textAlign="center" fontWeight="bold" textTransform="uppercase" color={color}>
+        {children}
+      </ui_1.KText>
+    </ui_1.KView>);
+}

package/build/components/Icon.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    color?: string;
+    mode?: "date" | "time" | "datetime";
+};
+export default function Icon({ color, mode }: Props): import("react").JSX.Element;
+export {};

package/build/components/Icon.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Icon;
+var react_native_1 = require("react-native");
+function Icon(_a) {
+    var color = _a.color, mode = _a.mode;
+    var source = function () {
+        switch (mode) {
+            case "time":
+                return require("../assets/images/clock.png");
+            default:
+                return require("../assets/images/calendar.png");
+        }
+    };
+    return (<react_native_1.Image source={source()} style={{ width: 25, height: 25, tintColor: "#A1A1A1" }}/>);
+}

package/build/components/SwipeIcon.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    color?: string;
+};
+export default function SwipeIcon({ color }: Props): import("react").JSX.Element;
+export {};

package/build/components/SwipeIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SwipeIcon;
+var react_native_1 = require("react-native");
+function SwipeIcon(_a) {
+    var color = _a.color;
+    return (<react_native_1.Image source={require("../assets/images/swipe.png")} style={{ width: 30, height: 30, tintColor: color }}/>);
+}

package/build/components/Time.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export default function Time({ length, onScrollEnd, color, index, height, start, }: Props): React.JSX.Element;
+type Props = {
+    length: number;
+    index?: number;
+    onScrollEnd?: (index: number) => void;
+    height?: number;
+    start?: number;
+    color?: string;
+};
+export {};