@beppla/tapas-ui 1.0.65 → 1.0.67

package/module/Calendar/Calendar.js

@@ -0,0 +1,166 @@
+"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 __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var themed_1 = require("@rneui/themed");
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var types_1 = require("./types");
+var helper_1 = require("./helper");
+var CustomRange_1 = __importDefault(require("./CustomRange"));
+var Calendar_base_1 = __importDefault(require("./Calendar.base"));
+var curDate = new Date();
+var TapasCalendar = function (_a) {
+  var _b = _a.languageCode,
+    languageCode = _b === void 0 ? types_1.SupportLanguage.en : _b,
+    _c = _a.current,
+    current = _c === void 0 ? (0, helper_1.formatDate)(curDate) : _c,
+    defaultSelectedDate = _a.defaultSelectedDate,
+    _d = _a.autoSize,
+    autoSize = _d === void 0 ? true : _d,
+    _e = _a.width,
+    width = _e === void 0 ? 360 : _e,
+    _f = _a.height,
+    height = _f === void 0 ? 436 : _f,
+    _g = _a.hideDayNames,
+    hideDayNames = _g === void 0 ? false : _g,
+    theme = _a.theme,
+    attachSelectedDate = _a.attachSelectedDate,
+    attachCancel = _a.attachCancel,
+    _h = _a.hideRange,
+    hideRange = _h === void 0 ? false : _h,
+    rest = __rest(_a, ["languageCode", "current", "defaultSelectedDate", "autoSize", "width", "height", "hideDayNames", "theme", "attachSelectedDate", "attachCancel", "hideRange"]);
+  var _j = (0, react_1.useState)(0),
+    tabIndex = _j[0],
+    setTabIndex = _j[1];
+  var _k = (0, react_1.useState)(autoSize ? 0 : (0, helper_1.calcHeaderWidth)(width)),
+    innerConWidth = _k[0],
+    setInnerConWidth = _k[1];
+  // Inner Container Layout Event to set grid width and height
+  var handleInnerConLayout = function (event) {
+    var width = event.nativeEvent.layout.width;
+    if (innerConWidth === 0 && autoSize) {
+      setInnerConWidth((0, helper_1.calcHeaderWidth)(width));
+    }
+  };
+  return react_1.default.createElement(react_native_1.View, {
+    style: __assign(__assign({}, styles.container), {
+      flexGrow: autoSize ? 1 : undefined,
+      width: autoSize ? undefined : width,
+      height: autoSize ? undefined : height
+    }),
+    onLayout: handleInnerConLayout
+  }, react_1.default.createElement(themed_1.TabView, {
+    value: tabIndex,
+    onChange: setTabIndex,
+    animationType: "spring"
+  }, react_1.default.createElement(themed_1.TabView.Item, {
+    style: styles.wFull
+  }, react_1.default.createElement(Calendar_base_1.default, __assign({}, rest, {
+    defaultSelectedDate: defaultSelectedDate,
+    current: current,
+    languageCode: languageCode,
+    innerConWidth: innerConWidth,
+    customRangeFn: function () {
+      return setTabIndex(1);
+    },
+    hideDayNames: hideDayNames,
+    attachSelectedDate: function (dateStr) {
+      attachSelectedDate && attachSelectedDate(dateStr);
+    },
+    attachCancel: attachCancel,
+    hideRange: hideRange
+  }))), react_1.default.createElement(themed_1.TabView.Item, {
+    style: styles.wFull
+  }, react_1.default.createElement(CustomRange_1.default, {
+    backFn: function () {
+      return setTabIndex(0);
+    },
+    rangeVal: [],
+    attachComplete: function (range) {
+      attachSelectedDate && attachSelectedDate(range.map(function (item) {
+        return item ? "".concat(item.year, "-").concat(item.month, "-").concat(item.day) : "";
+      }));
+    },
+    languageCode: languageCode
+  }))));
+};
+var styles = react_native_1.StyleSheet.create({
+  container: {
+    display: "flex",
+    flexDirection: "column",
+    flexGrow: 1,
+    width: "100%",
+    overflow: "hidden"
+  },
+  wFull: {
+    width: "100%"
+  }
+});
+exports.default = (0, themed_1.withTheme)(TapasCalendar);
+//# sourceMappingURL=Calendar.js.map

package/module/Calendar/Calendar.js.map

@@ -0,0 +1,2 @@
+{"version":3,"names":["TabView","withTheme","React","useState","View","StyleSheet","SupportLanguage","calcHeaderWidth","formatDate","CustomRange","CalendarBase","curDate","Date","TapasCalendar","languageCode","en","current","defaultSelectedDate","autoSize","width","height","hideDayNames","theme","attachSelectedDate","attachCancel","hideRange","rest","tabIndex","setTabIndex","innerConWidth","setInnerConWidth","handleInnerConLayout","event","nativeEvent","layout","createElement","style","styles","container","flexGrow","undefined","onLayout","value","onChange","animationType","Item","wFull","_extends","customRangeFn","dateStr","backFn","rangeVal","attachComplete","range","map","item","year","month","day","create","display","flexDirection","overflow"],"sourceRoot":"../../../components","sources":["Calendar/Calendar.tsx"],"mappings":"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","ignoreList":[]}
+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","ignoreList":[]}

package/module/Calendar/ConcreteTimeSelector.js

@@ -0,0 +1,477 @@
+"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 __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
+});
+var themed_1 = require("@rneui/themed");
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var Button_1 = __importDefault(require("../Button/Button"));
+var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+var FixedSizeGrid_1 = __importDefault(require("../Grid/FixedSizeGrid"));
+var helper_1 = require("./helper");
+var types_1 = require("./types");
+var local_1 = require("./local");
+var ConcreteTimeSelector = function (_a) {
+  var _b, _c;
+  var backFn = _a.backFn,
+    _d = _a.minTime,
+    minTime = _d === void 0 ? "00:00" : _d,
+    _e = _a.maxTime,
+    maxTime = _e === void 0 ? "23:59" : _e,
+    theme = _a.theme,
+    hour = _a.hour,
+    minute = _a.minute,
+    _f = _a.showCloseBtn,
+    showCloseBtn = _f === void 0 ? false : _f,
+    closeBtnText = _a.closeBtnText,
+    attatchClose = _a.attatchClose,
+    attachComplete = _a.attachComplete,
+    _g = _a.languageCode,
+    languageCode = _g === void 0 ? types_1.SupportLanguage.en : _g;
+  var hours = (0, helper_1.getConcreteTimes)(minTime, maxTime, "hours");
+  var minutes = (0, helper_1.getConcreteTimes)(minTime, maxTime, "minutes");
+  var _h = (0, react_1.useState)(2),
+    mid = _h[0],
+    setMid = _h[1];
+  var _j = (0, react_1.useState)(hour ? parseInt(hour) + mid : -1),
+    hourIndex = _j[0],
+    setHourIndex = _j[1];
+  var _k = (0, react_1.useState)(minute ? parseInt(minute) + mid : -1),
+    minuteIndex = _k[0],
+    setMinuteIndex = _k[1];
+  var _l = (0, react_1.useState)(hour !== null && hour !== void 0 ? hour : "00"),
+    hourVal = _l[0],
+    setHourVal = _l[1];
+  var _m = (0, react_1.useState)(minute !== null && minute !== void 0 ? minute : "00"),
+    minuteVal = _m[0],
+    setMinuteVal = _m[1];
+  var rowHeight = (0, react_1.useState)(52)[0];
+  var _o = (0, react_1.useState)(0),
+    innerConWidth = _o[0],
+    setInnerConWidth = _o[1];
+  var _p = (0, react_1.useState)(0),
+    innerConHeight = _p[0],
+    setInnerConHeight = _p[1];
+  var _q = (0, react_1.useState)({
+      left: hours.length + mid * 2,
+      right: minutes.length + mid * 2
+    }),
+    rowCount = _q[0],
+    setRowCount = _q[1];
+  var gridHour = null;
+  var gridMinute = null;
+  (0, react_1.useEffect)(function () {
+    setHourIndex(hours.indexOf(hour !== null && hour !== void 0 ? hour : "00") + mid);
+    setMinuteIndex(minutes.indexOf(minute !== null && minute !== void 0 ? minute : "00") + mid);
+    setHourVal(hour !== null && hour !== void 0 ? hour : "00");
+    setMinuteVal(minute !== null && minute !== void 0 ? minute : "00");
+  }, [hour, minute, mid]);
+  // Inner Container Layout Event to set grid width and height
+  var handleInnerConWidthLayout = function (event) {
+    var width = event.nativeEvent.layout.width;
+    if (innerConWidth === 0) {
+      setInnerConWidth(width);
+    }
+  };
+  // Inner Container Layout Event to set grid width and height
+  var handleInnerConHeightLayout = function (event) {
+    var _a, _b;
+    var height = event.nativeEvent.layout.height;
+    if (innerConHeight === 0) {
+      setInnerConHeight(height);
+      // const maxRowCount = Math.floor((height - 64) / rowHeight);
+      // const adjustedRowCount =
+      //   maxRowCount % 2 === 0 ? maxRowCount - 1 : maxRowCount;
+      // const newRowHeight = (height - 64) / adjustedRowCount;
+      // setRowHeight(newRowHeight);
+      var visibleRowCount = Math.floor((height - 64) / rowHeight);
+      var midValue = Math.floor(visibleRowCount / 2);
+      setMid(midValue);
+      setRowCount({
+        left: hours.length + midValue * 2,
+        right: minutes.length + midValue * 2
+      });
+      if (hourIndex === -1) {
+        setHourIndex(midValue);
+        setHourVal((_a = hours[midValue - mid]) !== null && _a !== void 0 ? _a : "00");
+      }
+      if (minuteIndex === -1) {
+        setMinuteVal((_b = minutes[midValue - mid]) !== null && _b !== void 0 ? _b : "00");
+        setMinuteIndex(midValue);
+      }
+    }
+  };
+  var renderRangeText = function (key) {
+    return react_1.default.createElement(react_native_1.View, {
+      key: key,
+      style: key === "hour" ? styles.range1 : styles.range2
+    }, react_1.default.createElement(Button_1.default, {
+      type: "clear",
+      titleStyle: __assign(__assign({}, styles.rangeText), {
+        maxWidth: (innerConWidth - 102) / 2 - 8,
+        // whiteSpace: "nowrap",
+        // textOverflow: "ellipsis",
+        color: theme.colors.primary
+      }),
+      buttonStyle: styles.padding4
+    }, key === "hour" ? hourVal : minuteVal));
+  };
+  var renderListHeader = function (title) {
+    return react_1.default.createElement(react_native_1.Text, {
+      key: title,
+      style: __assign(__assign({}, styles.listHeadertext), {
+        color: theme.colors.primary,
+        width: (innerConWidth - 20) / 2,
+        backgroundColor: theme.colors.grey5
+      })
+    }, title);
+  };
+  var renderScrollList = function (key) {
+    var _a;
+    var selected = key === "left" ? hourIndex : minuteIndex;
+    var Cell = function (_a) {
+      var _b;
+      var rowIndex = _a.rowIndex,
+        style = _a.style;
+      return react_1.default.createElement(react_native_1.View, {
+        style: style,
+        key: "".concat(key, "-").concat(rowIndex)
+      }, react_1.default.createElement(react_native_1.Text, {
+        style: __assign(__assign({}, styles.cell), {
+          fontSize: rowIndex === selected ? 16 : 14,
+          fontWeight: rowIndex === selected ? "700" : "400",
+          color: rowIndex === selected ? theme.colors.primary : theme.colors.secondary
+        })
+      }, (_b = key === "left" ? hours[rowIndex - mid] : minutes[rowIndex - mid]) !== null && _b !== void 0 ? _b : ""));
+    };
+    return react_1.default.createElement(react_native_1.View, {
+      key: key,
+      style: __assign(__assign(__assign(__assign({}, styles.scrollCon), {
+        backgroundColor: theme.colors.grey5
+      }), key === "left" && {
+        borderBottomLeftRadius: 8
+      }), key === "right" && {
+        borderBottomRightRadius: 8
+      })
+    }, react_1.default.createElement(FixedSizeGrid_1.default, {
+      initialScrollTop: (__spreadArray(__spreadArray(__spreadArray([], Array(mid).fill(""), true), key === "left" ? hours : minutes, true), Array(mid).fill(""), true).indexOf((_a = key === "left" ? hour : minute) !== null && _a !== void 0 ? _a : "00") - mid) * rowHeight,
+      onScroll: function (event) {
+        var _a, _b;
+        var scrollTop = event.scrollTop;
+        var index = Math.floor((scrollTop + (innerConHeight - 64) / 2) / rowHeight);
+        switch (key) {
+          case "left":
+            if (hours[index - mid]) {
+              setHourIndex(index);
+              setHourVal((_a = hours[index - mid]) !== null && _a !== void 0 ? _a : "00");
+            }
+            break;
+          case "right":
+            if (minutes[index - mid]) {
+              setMinuteIndex(index);
+              setMinuteVal((_b = minutes[index - mid]) !== null && _b !== void 0 ? _b : "00");
+            }
+            break;
+          default:
+        }
+      },
+      style: {
+        scrollbarWidth: "none",
+        msOverflowStyle: "none"
+      },
+      height: innerConHeight - 64,
+      width: (innerConWidth - 20) / 2 - 24,
+      columnCount: 1,
+      columnWidth: (innerConWidth - 20) / 2 - 24,
+      rowHeight: rowHeight,
+      rowCount: rowCount[key],
+      ref: function (grid) {
+        if (grid && key === "left" && hourIndex === hours.length + mid * 2 - 1) {
+          grid.scrollToItem({
+            columnIndex: 0,
+            rowIndex: hours.length + mid * 2,
+            align: "end"
+          });
+        }
+        switch (key) {
+          case "left":
+            gridHour = grid;
+            break;
+          case "right":
+            gridMinute = grid;
+            break;
+          default:
+        }
+      }
+    }, Cell));
+  };
+  return react_1.default.createElement(react_native_1.View, {
+    style: styles.container
+  }, react_1.default.createElement(react_native_1.View, {
+    style: styles.header,
+    onLayout: handleInnerConWidthLayout
+  }, backFn && react_1.default.createElement(Button_1.default, {
+    containerStyle: styles.backBtn,
+    buttonStyle: {
+      paddingTop: 4.5,
+      paddingBottom: 4.5
+    },
+    onPress: backFn,
+    type: "clear",
+    icon: react_1.default.createElement(TapasIcon_1.default, {
+      size: 24,
+      color: theme.colors.primary,
+      name: "back"
+    })
+  }), react_1.default.createElement(react_native_1.View, {
+    style: styles.rangeTextCon
+  }, renderRangeText("hour"), minuteVal && react_1.default.createElement(react_native_1.Text, {
+    style: __assign(__assign({}, styles.rangeText), {
+      color: theme.colors.primary,
+      paddingBottom: 4
+    })
+  }, ":"), renderRangeText("minute")), showCloseBtn && react_1.default.createElement(react_native_1.View, {
+    style: styles.backBtn
+  }, react_1.default.createElement(Button_1.default, {
+    type: "clear",
+    icon: !closeBtnText && react_1.default.createElement(TapasIcon_1.default, {
+      size: 24,
+      color: theme.colors.primary,
+      name: "close"
+    }),
+    onPress: function () {
+      return attatchClose && attatchClose();
+    }
+  }, closeBtnText))), react_1.default.createElement(react_native_1.View, {
+    style: styles.main,
+    onLayout: handleInnerConHeightLayout
+  }, react_1.default.createElement(react_native_1.View, {
+    style: styles.listHeader
+  }, renderListHeader(local_1.locales[languageCode].hour), renderListHeader(local_1.locales[languageCode].minute)), react_1.default.createElement(react_native_1.View, {
+    style: styles.flatlistCon
+  }, renderScrollList("left"), renderScrollList("right"))), react_1.default.createElement(react_native_1.View, {
+    style: styles.footer
+  }, react_1.default.createElement(Button_1.default, {
+    onPress: function () {
+      setHourVal("00");
+      setMinuteVal("00");
+      setHourIndex(mid);
+      if (gridHour) gridHour.scrollToItem({
+        columnIndex: 0,
+        rowIndex: 0,
+        align: "start"
+      });
+      setMinuteIndex(mid);
+      if (gridMinute) gridMinute.scrollToItem({
+        columnIndex: 0,
+        rowIndex: 0,
+        align: "start"
+      });
+      attachComplete && attachComplete([]);
+    },
+    type: "clear"
+  }, (_b = local_1.locales[languageCode]) === null || _b === void 0 ? void 0 : _b.clear), react_1.default.createElement(Button_1.default, {
+    disabled: hourIndex < mid,
+    onPress: function () {
+      if (attachComplete) {
+        attachComplete([hourVal, minuteVal]);
+      }
+    }
+  }, (_c = local_1.locales[languageCode]) === null || _c === void 0 ? void 0 : _c.done)));
+};
+var styles = react_native_1.StyleSheet.create({
+  container: {
+    display: "flex",
+    flexDirection: "column",
+    flexGrow: 1,
+    overflow: "hidden"
+  },
+  header: {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "flex-start",
+    margin: 8,
+    gap: 8,
+    height: 40,
+    overflow: "hidden"
+  },
+  backBtn: {
+    width: 40,
+    height: 40
+  },
+  anyTime: {
+    fontSize: 16,
+    fontWeight: "700",
+    alignSelf: "center",
+    display: "flex",
+    textAlign: "center",
+    flexGrow: 1,
+    justifyContent: "center"
+  },
+  rangeTextCon: {
+    height: 40,
+    display: "flex",
+    flexDirection: "row",
+    flexGrow: 1,
+    flex: 1,
+    overflow: "hidden"
+  },
+  padding4: {
+    paddingLeft: 4,
+    paddingRight: 4
+  },
+  range1: {
+    display: "flex",
+    flexDirection: "row",
+    flexGrow: 1,
+    justifyContent: "flex-end",
+    height: 40,
+    overflow: "hidden"
+  },
+  range2: {
+    display: "flex",
+    flexDirection: "row",
+    flexGrow: 1,
+    justifyContent: "flex-start",
+    height: 40,
+    overflow: "hidden"
+  },
+  rangeText: {
+    alignSelf: "center",
+    fontSize: 16,
+    fontWeight: "700",
+    overflow: "hidden"
+  },
+  main: {
+    display: "flex",
+    flexDirection: "column",
+    flexGrow: 1,
+    marginLeft: 16,
+    marginRight: 16,
+    overflow: "hidden"
+  },
+  footer: {
+    display: "flex",
+    flexDirection: "row",
+    height: 40,
+    marginLeft: 16,
+    marginRight: 16,
+    marginTop: 8,
+    overflow: "hidden",
+    gap: 8,
+    justifyContent: "flex-end"
+  },
+  flatlistCon: {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between",
+    flexGrow: 1,
+    marginBottom: 8,
+    gap: 1,
+    height: 0,
+    overflow: "hidden"
+  },
+  scrollCon: {
+    paddingLeft: 12,
+    paddingRight: 12,
+    paddingTop: 8,
+    paddingBottom: 8
+  },
+  listHeader: {
+    height: 28,
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between",
+    gap: 1,
+    borderTopLeftRadius: 8,
+    borderTopRightRadius: 8,
+    overflow: "hidden"
+  },
+  listHeadertext: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    height: 32,
+    paddingTop: 14,
+    paddingBottom: 8,
+    textAlign: "center",
+    fontSize: 12,
+    fontWeight: "700"
+  },
+  cell: {
+    display: "flex",
+    flexDirection: "column",
+    height: 40,
+    justifyContent: "center",
+    marginBottom: 12,
+    textAlign: "center"
+  }
+});
+exports.default = (0, themed_1.withTheme)(ConcreteTimeSelector);
+//# sourceMappingURL=ConcreteTimeSelector.js.map