crn-cli
Version:
The Ctrip React Native CLI Tools
1 lines • 2.1 kB
JavaScript
__d(function(g,r,i,a,m,e,d){'use strict';var t=r(d[0]),n=r(d[1]),l=r(d[2]),o=r(d[3]),c=r(d[4]),u=r(d[5]),s=r(d[6]),h=s.DatePickerIOS,f=s.StyleSheet,p=s.Text,D=s.View,E=(function(s){function h(){var n,c;t(this,h);for(var u=arguments.length,s=new Array(u),f=0;f<u;f++)s[f]=arguments[f];return(c=l(this,(n=o(h)).call.apply(n,[this].concat(s)))).state={date:new Date},c.onDateChange=function(t){c.setState({date:t})},c}return c(h,s),n(h,[{key:"render",value:function(){return u.createElement(D,null,u.createElement(y,{label:"Value:"},u.createElement(p,{testID:"date-indicator"},this.state.date.toLocaleDateString()),u.createElement(p,{testID:"time-indicator"},this.state.date.toLocaleTimeString([],{hour:'2-digit',minute:'2-digit'}))),this.props.children(this.state,this.onDateChange))}}]),h})(u.Component),y=(function(s){function h(){return t(this,h),l(this,o(h).apply(this,arguments))}return c(h,s),n(h,[{key:"render",value:function(){return u.createElement(D,{style:b.labelContainer},u.createElement(D,{style:b.labelView},u.createElement(p,{style:b.label},this.props.label)),this.props.children)}}]),h})(u.Component),b=f.create({textinput:{height:26,width:50,borderWidth:.5,borderColor:'#0f0f0f',padding:4,fontSize:13},labelContainer:{flexDirection:'row',alignItems:'center',marginVertical:2},labelView:{marginRight:10,paddingVertical:2},label:{fontWeight:'500'}});e.title='<DatePickerIOS>',e.description='Select dates and times using the native UIDatePicker.',e.examples=[{title:'Date and time picker',render:function(){return u.createElement(E,null,function(t,n){return u.createElement(h,{testID:"date-and-time",date:t.date,mode:"datetime",onDateChange:n})})}},{title:'Date only picker',render:function(){return u.createElement(E,null,function(t,n){return u.createElement(h,{testID:"date-only",date:t.date,mode:"date",onDateChange:n})})}},{title:'Picker with 20-minute interval',render:function(){return u.createElement(E,null,function(t,n){return u.createElement(h,{testID:"date-and-time-with-interval",date:t.date,minuteInterval:20,mode:"datetime",onDateChange:n})})}}]},666688,[3,4,5,8,9,11,15]);