native-forms-test/Forms/blocks/Date.js

Build your own forms, surveys and polls for your React Native apps.

var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard"),_interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray")),_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_theme=require("../theme"),_QuestionHeader=_interopRequireDefault(require("../components/QuestionHeader")),_DatePicker=_interopRequireDefault(require("../components/DatePicker")),_time=require("../components/DatePicker/time"),_dataSource=require("../components/DatePicker/dataSource"),DatePickerBlock=function(a){var b=a.block,c=a.form,d=a.isPreview,e=a.currentPageIndex,f=a.blockIndex,g=a.allBlocks,h=(0,_react.useState)(b.time||new Date().getTime()),i=(0,_slicedToArray2.default)(h,2),j=i[0],k=i[1],l=c||{},m=l.color,n=void 0===m?_theme.colors.main:m,o=l.textColor,p=void 0===o?_theme.colors.primary:o,q=b.hours,r=b.timezone||(0,_time.returnTimeZone)();(0,_react.useEffect)(function(){var a=b.time||new Date().getTime();b.value=(0,_time.getDayFormat)(new Date(a),q,r),b.time=a,b.timezone=r,k(a)},[b,q,r]);return _react.default.createElement(_reactNative.View,{style:styles.container},_react.default.createElement(_QuestionHeader.default,{form:c,block:b,currentPageIndex:e,blockIndex:f,allBlocks:g}),_react.default.createElement(_reactNative.View,{style:styles.inputContainer},_react.default.createElement(_DatePicker.default,{value:new Date(j),onChange:function _onDateSelect(a){var c=a.getTime();b.value=(0,_time.getDayFormat)(a,q,r),b.time=c,b.timezone=r,k(c)},dateConfig:q?_dataSource.DATE_HOURS_CONFIG:_dataSource.DEFAULT_DATE_CONFIG,color:n,textColor:p,isPreview:d})))},styles=_reactNative.StyleSheet.create({container:{display:"flex",flexDirection:"column",alignItems:"center"},inputContainer:{display:"flex",width:"100%",backgroundColor:"transparent",alignItems:"flex-start",maxWidth:_theme.MAX_FORM_WIDTH,paddingHorizontal:12,paddingVertical:24}}),_default=(0,_react.memo)(DatePickerBlock);exports.default=_default;