@wavemaker/app-rn-runtime 12.0.0-next.141218 → 12.0.0-next.141221

app-rn-runtime/components/input/epoch/time/time.props.js

@@ -1,15 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import WmDatetimeProps from '../datetime/datetime.props';
-export default class WmDateProps extends WmDatetimeProps {
-  constructor() {
-    super();
-    _defineProperty(this, "timepattern", '');
-    this.mode = 'time';
-    this.placeholder = 'Select time';
-    this.datepattern = this.timepattern;
-    this.outputformat = 'HH:mm:ss';
-  }
-}
-//# sourceMappingURL=time.props.js.map

app-rn-runtime/components/input/epoch/wheel-date-picker.component.js

@@ -1,198 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { Component } from 'react';
-import { PixelRatio, StyleSheet, View } from 'react-native';
-import WmWheelScrollPicker from './wheelpicker/wheelpicker.component';
-import { getDateObject, getDates, getMonthIndex, getMonths, getYearRange } from '@wavemaker/app-rn-runtime/core/utils';
-import moment from 'moment';
-export class WmWheelDatePickerProps {
-  constructor() {
-    _defineProperty(this, "minDate", void 0);
-    _defineProperty(this, "maxDate", void 0);
-    _defineProperty(this, "selectedDate", new Date());
-    _defineProperty(this, "onDateChange", void 0);
-    _defineProperty(this, "itemHeight", PixelRatio.roundToNearestPixel(50));
-    _defineProperty(this, "wrapperHeight", PixelRatio.roundToNearestPixel(150));
-  }
-}
-export const START_DATE = {
-  'date': 1,
-  'month': 0,
-  'year': 1950
-};
-export const END_DATE = {
-  'date': 31,
-  'month': 11,
-  'year': 2060
-};
-export class WmWheelDatePickerState {}
-export class WmWheelDatePicker extends Component {
-  constructor(_props) {
-    var _selectedDate$getFull;
-    super(_props);
-    _defineProperty(this, "itemHeight", void 0);
-    _defineProperty(this, "wrapperHeight", void 0);
-    _defineProperty(this, "selectedDateIndex", 0);
-    _defineProperty(this, "selectedMonthIndex", 0);
-    _defineProperty(this, "selectedYearIndex", 0);
-    _defineProperty(this, "dateData", []);
-    _defineProperty(this, "monthData", []);
-    _defineProperty(this, "yearData", []);
-    _defineProperty(this, "defaultSelectedDate", void 0);
-    _defineProperty(this, "localSelectedDate", '');
-    _defineProperty(this, "monthValue", 0);
-    _defineProperty(this, "yearValue", '');
-    _defineProperty(this, "getMinValue", (minValue, type) => {
-      const currentMonth = moment(minValue).format('M');
-      const currentYear = moment(minValue).format('YYYY');
-      const selectedMonth = moment(this.localSelectedDate).format('M');
-      const selectedYear = moment(this.localSelectedDate).format('YYYY');
-      const isFutureMonth = Number(selectedMonth) > Number(currentMonth);
-      const isFutureYear = Number(selectedYear) > Number(currentYear);
-      if (!(minValue instanceof Date)) return START_DATE[type];
-      switch (type) {
-        case 'date':
-          const dateValue = isFutureYear ? 1 : isFutureMonth ? 1 : new Date(minValue).getDate();
-          // this.selectedDateIndex = dateIndex;
-          return dateValue;
-        case 'month':
-          const monthValue = isFutureYear ? 0 : new Date(minValue).getMonth();
-          // this.selectedMonthIndex = 11;
-          return monthValue;
-        case 'year':
-          return new Date(minValue).getFullYear();
-        default:
-          return 0;
-      }
-    });
-    _defineProperty(this, "getMaxValue", (maxValue, type) => {
-      if (!(maxValue instanceof Date)) return END_DATE[type];
-      switch (type) {
-        case 'date':
-          return new Date(maxValue).getDate();
-        case 'month':
-          return new Date(maxValue).getMonth();
-        case 'year':
-          return new Date(maxValue).getFullYear();
-        default:
-          return 0;
-      }
-    });
-    _defineProperty(this, "handleValueChange", (valueType, value, index) => {
-      var _this$props, _this$props$onDateCha;
-      switch (valueType) {
-        case 'date':
-          this.selectedDateIndex = index;
-          break;
-        case 'month':
-          this.monthValue = getMonthIndex(value === null || value === void 0 ? void 0 : value.toString());
-          this.selectedMonthIndex = index;
-          break;
-        case 'year':
-          this.yearValue = value;
-          this.selectedYearIndex = index;
-          break;
-        default:
-          break;
-      }
-      const {
-        props
-      } = this;
-      const minDate = props.minDate;
-      const maxDate = props.maxDate;
-      // * date range
-      const minDateNum = minDate ? this.getMinValue(minDate, 'date') : 1;
-      const maxDateNum = maxDate ? this.getMaxValue(maxDate, 'date') : 31;
-      const minYear = minDate ? this.getMinValue(minDate, 'year') : 1950;
-      const maxYear = maxDate ? this.getMaxValue(maxDate, 'year') : 2060;
-      const selectedDate = getDates(minDateNum, maxDateNum)[this.selectedDateIndex];
-      const selectedMonthIndex = this.monthValue;
-      const selectedYear = getYearRange(minYear, maxYear)[this.selectedYearIndex];
-      const dateObj = getDateObject(selectedDate, selectedMonthIndex, selectedYear);
-      this.localSelectedDate = dateObj;
-      (_this$props = this.props) === null || _this$props === void 0 || (_this$props$onDateCha = _this$props.onDateChange) === null || _this$props$onDateCha === void 0 || _this$props$onDateCha.call(_this$props, dateObj);
-    });
-    const _selectedDate = this.props.selectedDate || new Date();
-    this.itemHeight = PixelRatio.roundToNearestPixel(this.props.itemHeight || 50) || PixelRatio.roundToNearestPixel(50);
-    this.wrapperHeight = PixelRatio.roundToNearestPixel(this.props.wrapperHeight || 150) || PixelRatio.roundToNearestPixel(150);
-
-    // * Initial values
-    this.defaultSelectedDate = _selectedDate;
-    this.localSelectedDate = _selectedDate;
-    this.monthValue = _selectedDate.getMonth();
-    this.yearValue = (_selectedDate$getFull = _selectedDate.getFullYear()) === null || _selectedDate$getFull === void 0 ? void 0 : _selectedDate$getFull.toString();
-
-    // TODO: selected date handling for range of dates
-    if (!(this.props.minDate || this.props.maxDate)) {
-      this.selectedDateIndex = _selectedDate.getDate() - 1;
-      this.selectedMonthIndex = _selectedDate.getMonth();
-      this.selectedYearIndex = getYearRange().indexOf(_selectedDate.getFullYear());
-    }
-  }
-  // TODO: cache this func for performance improvement
-  getPickerData(type) {
-    const {
-      props
-    } = this;
-    const minDate = props.minDate;
-    const maxDate = props.maxDate;
-    const minDateNum = minDate ? this.getMinValue(minDate, 'date') : 1;
-    const maxDateNum = maxDate ? this.getMaxValue(maxDate, 'date') : 31;
-    const minMonth = minDate ? this.getMinValue(minDate, 'month') : 0;
-    const maxMonth = maxDate ? this.getMaxValue(maxDate, 'month') : 11;
-    const minYear = minDate ? this.getMinValue(minDate, 'year') : 1950;
-    const maxYear = maxDate ? this.getMaxValue(maxDate, 'year') : 2060;
-    switch (type) {
-      case "date":
-        const dateData = getDates(minDateNum, maxDateNum);
-        this.dateData = dateData;
-        return dateData;
-      case "month":
-        const monthData = getMonths(minMonth, maxMonth);
-        this.monthData = monthData;
-        return monthData;
-      case "year":
-        const yearData = getYearRange(minYear, maxYear);
-        this.yearData = yearData;
-        return yearData;
-      default:
-        return [];
-    }
-  }
-  render() {
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles.root
-    }, /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
-      data: this.getPickerData('date'),
-      wrapperHeight: this.wrapperHeight,
-      itemHeight: this.itemHeight,
-      selectedIndex: this.selectedDateIndex,
-      onValueChange: (value, index) => this.handleValueChange('date', value, index)
-    }), /*#__PURE__*/React.createElement(View, {
-      style: styles.middle
-    }, /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
-      data: this.getPickerData('month'),
-      wrapperHeight: this.wrapperHeight,
-      itemHeight: this.itemHeight,
-      selectedIndex: this.selectedMonthIndex,
-      onValueChange: (value, index) => this.handleValueChange('month', value, index)
-    })), /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
-      data: this.getPickerData('year'),
-      wrapperHeight: this.wrapperHeight,
-      itemHeight: this.itemHeight,
-      selectedIndex: this.selectedYearIndex,
-      onValueChange: (value, index) => this.handleValueChange('year', value, index)
-    }));
-  }
-}
-export default WmWheelDatePicker;
-const styles = StyleSheet.create({
-  root: {
-    flexDirection: 'row'
-  },
-  middle: {
-    marginHorizontal: 15
-  }
-});
-//# sourceMappingURL=wheel-date-picker.component.js.map

app-rn-runtime/components/input/epoch/wheel-time-picker.component.js

@@ -1,107 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { Component } from 'react';
-import { PixelRatio, StyleSheet, View } from 'react-native';
-import WmWheelScrollPicker from './wheelpicker/wheelpicker.component';
-import { get24Hours, getDateTimeObject, getHours, getMinutes, getTimeIndicators } from '@wavemaker/app-rn-runtime/core/utils';
-export class WmWheelTimePickerProps {
-  constructor() {
-    _defineProperty(this, "selectedTime", new Date());
-    _defineProperty(this, "is24Hour", true);
-    _defineProperty(this, "onTimeChange", void 0);
-    _defineProperty(this, "itemHeight", PixelRatio.roundToNearestPixel(50));
-    _defineProperty(this, "wrapperHeight", PixelRatio.roundToNearestPixel(150));
-  }
-}
-export class WmWheelTimePickerState {}
-export class WmWheelTimePicker extends Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "itemHeight", void 0);
-    _defineProperty(this, "wrapperHeight", void 0);
-    _defineProperty(this, "selectedHourIndex", 0);
-    _defineProperty(this, "selectedMinuteIndex", 0);
-    _defineProperty(this, "selectedTimeIndicatorIndex", 0);
-    _defineProperty(this, "handleValueChange", (valueType, value, index) => {
-      var _this$props, _this$props$onTimeCha;
-      switch (valueType) {
-        case 'hour':
-          this.selectedHourIndex = index;
-          break;
-        case 'minute':
-          this.selectedMinuteIndex = index;
-          break;
-        case 'meridiem':
-          this.selectedTimeIndicatorIndex = index;
-          break;
-        default:
-          break;
-      }
-      const selectedTime = this.props.selectedTime || new Date();
-      const date = selectedTime.getDate();
-      const month = selectedTime.getMonth();
-      const year = selectedTime.getFullYear();
-      let selected24HourFormat;
-      if (!this.props.is24Hour) {
-        // * when time picker is in 12 hour format
-        const selected12HourFormat = Number(getHours()[this.selectedHourIndex]);
-        selected24HourFormat = this.selectedTimeIndicatorIndex === 0 ? selected12HourFormat : selected12HourFormat + 12;
-      } else {
-        // * when time picker is in 24 hour format
-        selected24HourFormat = Number(get24Hours()[this.selectedHourIndex]);
-      }
-      const selectedMinute = Number(getMinutes()[this.selectedMinuteIndex]);
-      const dateObj = getDateTimeObject(date, month, year, selected24HourFormat, selectedMinute);
-      (_this$props = this.props) === null || _this$props === void 0 || (_this$props$onTimeCha = _this$props.onTimeChange) === null || _this$props$onTimeCha === void 0 || _this$props$onTimeCha.call(_this$props, dateObj);
-    });
-    const _selectedTime = props.selectedTime || new Date();
-    const meridiem = _selectedTime.getHours() >= 12 ? 'PM' : 'AM';
-    this.itemHeight = PixelRatio.roundToNearestPixel(this.props.itemHeight || 50) || PixelRatio.roundToNearestPixel(50);
-    this.wrapperHeight = PixelRatio.roundToNearestPixel(this.props.wrapperHeight || 150) || PixelRatio.roundToNearestPixel(150);
-    this.selectedHourIndex = props.is24Hour ? _selectedTime.getHours() : (_selectedTime.getHours() % 12 || 12) - 1;
-    this.selectedMinuteIndex = _selectedTime.getMinutes();
-    this.selectedTimeIndicatorIndex = meridiem === 'AM' ? 0 : 1;
-  }
-  render() {
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles.root
-    }, /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
-      data: this.props.is24Hour ? get24Hours() : getHours(),
-      wrapperHeight: this.wrapperHeight,
-      itemHeight: this.itemHeight,
-      selectedIndex: this.selectedHourIndex,
-      onValueChange: (value, index) => {
-        this.handleValueChange('hour', value, index);
-      }
-    }), /*#__PURE__*/React.createElement(View, {
-      style: styles.middle
-    }, /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
-      data: getMinutes(),
-      wrapperHeight: this.wrapperHeight,
-      itemHeight: this.itemHeight,
-      selectedIndex: this.selectedMinuteIndex,
-      onValueChange: (value, index) => {
-        this.handleValueChange('minute', value, index);
-      }
-    })), !this.props.is24Hour ? /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
-      data: getTimeIndicators(),
-      wrapperHeight: this.wrapperHeight,
-      itemHeight: this.itemHeight,
-      selectedIndex: this.selectedTimeIndicatorIndex,
-      onValueChange: (value, index) => {
-        this.handleValueChange('meridiem', value, index);
-      }
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null));
-  }
-}
-export default WmWheelTimePicker;
-const styles = StyleSheet.create({
-  root: {
-    flexDirection: 'row'
-  },
-  middle: {
-    marginHorizontal: 15
-  }
-});
-//# sourceMappingURL=wheel-time-picker.component.js.map

app-rn-runtime/components/input/epoch/wheelpicker/wheelpicker.component.js

@@ -1,91 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { createRef } from 'react';
-import { Text, View } from 'react-native';
-import { ScrollView } from 'react-native-gesture-handler';
-import { DEFAULT_CLASS } from './wheelpicker.styles';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-export class WmWheelPickerState extends BaseComponentState {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "selectedIndex", 0);
-  }
-}
-export class WmWheelScrollPicker extends BaseComponent {
-  constructor(_props) {
-    super(_props, DEFAULT_CLASS);
-    _defineProperty(this, "wheelPickerRef", null);
-    _defineProperty(this, "handleWheelScroll", event => {
-      // console.log('scroll =>', event.nativeEvent.contentOffset);
-      const selectedIdx = Math.round(event.nativeEvent.contentOffset.y / this.props.itemHeight);
-      this.setState({
-        selectedIndex: selectedIdx
-      });
-    });
-    _defineProperty(this, "handleWheelMomentumEnd", () => {
-      var _this$props$onValueCh, _this$props;
-      const props = this.props;
-      const state = this.state;
-      const selectedData = props.data[state.selectedIndex];
-      (_this$props$onValueCh = (_this$props = this.props).onValueChange) === null || _this$props$onValueCh === void 0 || _this$props$onValueCh.call(_this$props, selectedData, state.selectedIndex);
-    });
-    this.wheelPickerRef = /*#__PURE__*/createRef();
-  }
-  initialScrollTo() {
-    var _this$wheelPickerRef, _this$wheelPickerRef$;
-    const props = this.props;
-    const y = props.itemHeight * props.selectedIndex;
-    (_this$wheelPickerRef = this.wheelPickerRef) === null || _this$wheelPickerRef === void 0 || (_this$wheelPickerRef = _this$wheelPickerRef.current) === null || _this$wheelPickerRef === void 0 || (_this$wheelPickerRef$ = _this$wheelPickerRef.scrollTo) === null || _this$wheelPickerRef$ === void 0 || _this$wheelPickerRef$.call(_this$wheelPickerRef, {
-      y: y,
-      animated: false
-    });
-    this.setState({
-      selectedIndex: props.selectedIndex || 0
-    });
-  }
-  renderWidget(props) {
-    const state = this.state;
-    const styles = this.styles;
-    const {
-      data,
-      wrapperHeight,
-      itemHeight
-    } = props;
-    const scrollOffset = (wrapperHeight - itemHeight) / 2;
-    return /*#__PURE__*/React.createElement(View, {
-      style: [styles.root, {
-        height: wrapperHeight
-      }]
-    }, /*#__PURE__*/React.createElement(ScrollView, {
-      ref: this.wheelPickerRef,
-      scrollEventThrottle: 16,
-      contentContainerStyle: {
-        paddingVertical: scrollOffset
-      },
-      showsVerticalScrollIndicator: false,
-      onLayout: () => this.initialScrollTo(),
-      onScroll: this.handleWheelScroll,
-      onMomentumScrollEnd: this.handleWheelMomentumEnd,
-      decelerationRate: "fast",
-      snapToInterval: itemHeight // your snap points
-    }, data.map((item, index) => {
-      const isSelected = index === state.selectedIndex;
-      return /*#__PURE__*/React.createElement(View, {
-        key: `data_item_${index}`,
-        style: [styles.center, styles.itemBg, {
-          height: itemHeight
-        }]
-      }, /*#__PURE__*/React.createElement(Text, {
-        style: isSelected ? [styles.selectedItemText] : [styles.itemText]
-      }, item));
-    })), /*#__PURE__*/React.createElement(View, {
-      style: [styles.selectedItemBg, {
-        height: itemHeight,
-        top: scrollOffset
-      }]
-    }));
-  }
-}
-export default WmWheelScrollPicker;
-//# sourceMappingURL=wheelpicker.component.js.map

app-rn-runtime/components/input/epoch/wheelpicker/wheelpicker.props.js

@@ -1,17 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from "@wavemaker/app-rn-runtime/core/base.component";
-import { PixelRatio } from "react-native";
-export const defaultItemHeight = PixelRatio.roundToNearestPixel(50);
-export default class WmWheelPickerProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "data", []);
-    _defineProperty(this, "wrapperHeight", PixelRatio.roundToNearestPixel(150));
-    _defineProperty(this, "itemHeight", defaultItemHeight);
-    _defineProperty(this, "selectedIndex", 0);
-    _defineProperty(this, "onValueChange", void 0);
-  }
-}
-//# sourceMappingURL=wheelpicker.props.js.map

app-rn-runtime/components/input/epoch/wheelpickermodal/date/date-picker-modal.component.js

@@ -1,79 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import { Modal, Text, TouchableWithoutFeedback, View } from 'react-native';
-import WmWheelDatePicker from '../../wheel-date-picker.component';
-import WmButton from '../../../../basic/button/button.component';
-import { DEFAULT_CLASS } from '../styles/datetime-picker-modal.styles';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import WmDatePickerModalProps from './date-picker-modal.props';
-export class WmDatePickerModalState extends BaseComponentState {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "selectedDate", new Date());
-  }
-}
-export class WmDatePickerModal extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmDatePickerModalProps());
-  }
-  renderWidget() {
-    const {
-      isVisible,
-      minDate,
-      maxDate,
-      onClose,
-      onCancel,
-      onSelect,
-      dateheadertitle,
-      dateconfirmationtitle,
-      datecanceltitle
-    } = this.props;
-    const {
-      selectedDate
-    } = this.state;
-    const {
-      styles
-    } = this;
-    return /*#__PURE__*/React.createElement(Modal, {
-      animationType: "fade",
-      transparent: true,
-      visible: isVisible,
-      onRequestClose: onClose,
-      onDismiss: onClose
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.root
-    }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
-      style: styles.flex1,
-      onPress: onClose
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.flex1
-    })), /*#__PURE__*/React.createElement(View, {
-      style: styles.container
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: styles.header
-    }, dateheadertitle), /*#__PURE__*/React.createElement(WmWheelDatePicker, {
-      minDate: minDate,
-      maxDate: maxDate,
-      selectedDate: this.props.selectedDate || selectedDate,
-      onDateChange: date => {
-        this.setState({
-          selectedDate: date
-        });
-      }
-    }), /*#__PURE__*/React.createElement(View, {
-      style: styles.buttonWrapper
-    }, /*#__PURE__*/React.createElement(WmButton, {
-      styles: styles.cancelBtn,
-      caption: datecanceltitle,
-      onTap: onCancel
-    }), /*#__PURE__*/React.createElement(WmButton, {
-      styles: styles.selectBtn,
-      caption: dateconfirmationtitle,
-      onTap: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedDate || this.props.selectedDate || new Date())
-    })))));
-  }
-}
-export default WmDatePickerModal;
-//# sourceMappingURL=date-picker-modal.component.js.map

app-rn-runtime/components/input/epoch/wheelpickermodal/date/date-picker-modal.props.js

@@ -1,20 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from "@wavemaker/app-rn-runtime/core/base.component";
-export default class WmDatePickerModalProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "isVisible", false);
-    _defineProperty(this, "minDate", void 0);
-    _defineProperty(this, "maxDate", void 0);
-    _defineProperty(this, "selectedDate", void 0);
-    _defineProperty(this, "onClose", void 0);
-    _defineProperty(this, "onSelect", void 0);
-    _defineProperty(this, "onCancel", void 0);
-    _defineProperty(this, "dateheadertitle", "Select Date");
-    _defineProperty(this, "dateconfirmationtitle", "Select");
-    _defineProperty(this, "datecanceltitle", "Cancel");
-  }
-}
-//# sourceMappingURL=date-picker-modal.props.js.map

app-rn-runtime/components/input/epoch/wheelpickermodal/time/time-picker-modal.component.js

@@ -1,77 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import { Modal, Text, TouchableWithoutFeedback, View } from 'react-native';
-import WmWheelTimePicker from '../../wheel-time-picker.component';
-import WmButton from '../../../../basic/button/button.component';
-import { DEFAULT_CLASS } from '../styles/datetime-picker-modal.styles';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import WmTimePickerModalProps from './time-picker-modal.props';
-export class WmTimePickerModalState extends BaseComponentState {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "selectedTime", new Date());
-  }
-}
-export class WmTimePickerModal extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmTimePickerModalProps());
-  }
-  renderWidget(props) {
-    const {
-      is24Hour,
-      isVisible,
-      onClose,
-      onCancel,
-      onSelect,
-      timeheadertitle,
-      timeconfirmationtitle,
-      timecanceltitle
-    } = this.props;
-    const {
-      selectedTime
-    } = this.state;
-    const {
-      styles
-    } = this;
-    return /*#__PURE__*/React.createElement(Modal, {
-      animationType: "fade",
-      transparent: true,
-      visible: isVisible,
-      onRequestClose: onClose,
-      onDismiss: onClose
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.root
-    }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
-      style: styles.flex1,
-      onPress: onClose
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.flex1
-    })), /*#__PURE__*/React.createElement(View, {
-      style: styles.container
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: styles.header
-    }, timeheadertitle), /*#__PURE__*/React.createElement(WmWheelTimePicker, {
-      selectedTime: this.props.selectedDateTime || selectedTime,
-      is24Hour: is24Hour,
-      onTimeChange: time => {
-        this.setState({
-          selectedTime: time
-        });
-      }
-    }), /*#__PURE__*/React.createElement(View, {
-      style: styles.buttonWrapper
-    }, /*#__PURE__*/React.createElement(WmButton, {
-      styles: styles.cancelBtn,
-      caption: timecanceltitle,
-      onTap: onCancel
-    }), /*#__PURE__*/React.createElement(WmButton, {
-      styles: styles.selectBtn,
-      caption: timeconfirmationtitle,
-      onTap: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedTime || this.props.selectedDateTime || new Date().setSeconds(0))
-    })))));
-  }
-}
-export default WmTimePickerModal;
-//# sourceMappingURL=time-picker-modal.component.js.map

app-rn-runtime/components/input/epoch/wheelpickermodal/time/time-picker-modal.props.js

@@ -1,19 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from "@wavemaker/app-rn-runtime/core/base.component";
-export default class WmTimePickerModalProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "isVisible", false);
-    _defineProperty(this, "selectedDateTime", void 0);
-    _defineProperty(this, "is24Hour", true);
-    _defineProperty(this, "onClose", void 0);
-    _defineProperty(this, "onSelect", void 0);
-    _defineProperty(this, "onCancel", void 0);
-    _defineProperty(this, "timeheadertitle", "Select Time");
-    _defineProperty(this, "timeconfirmationtitle", "Select");
-    _defineProperty(this, "timecanceltitle", "Cancel");
-  }
-}
-//# sourceMappingURL=time-picker-modal.props.js.map