openstack-uicore-foundation/lib/components/inputs/datetimepicker.js

ui reactjs components for openstack marketing site

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],t):"object"==typeof exports?exports["openstack-uicore-foundation"]=t():e["openstack-uicore-foundation"]=t()}(this,(()=>(()=>{"use strict";var e={1116:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},6031:e=>{e.exports=require("@babel/runtime/helpers/extends")},2462:e=>{e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},5812:e=>{e.exports=require("moment-timezone")},2015:e=>{e.exports=require("react")}},t={};function r(o){var i=t[o];if(void 0!==i)return i.exports;var a=t[o]={exports:{}};return e[o](a,a.exports,r),a.exports}(()=>{r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t}})(),(()=>{r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})}})(),(()=>{r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var o={};r.r(o),r.d(o,{default:()=>O});var i=r(6031),a=r.n(i),n=r(1116),s=r.n(n),p=r(2462),l=r.n(p),u=r(2015),d=r.n(u);const c=require("react-datetime");var f=r.n(c),h=r(5812),m=r.n(h);const b=["onChange","id","value","format","error","inputProps","disabled"];function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){s()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}class O extends d().Component{constructor(e){super(e),this.state={value:e.value},this.handleChange=this.handleChange.bind(this),this.isValidDate=this.isValidDate.bind(this)}componentDidUpdate(e,t,r){this.props.value!==e.value&&this.setState({value:this.props.value})}handleChange(e){let{timezone:t}=this.props;e&&m().isMoment(e)?e=m().tz(e.format("YYYY-MM-DD HH:mm:ss"),t):""===e&&(e=m()(0));let r={target:{id:this.props.id,value:e,type:"datetime"}};e&&m().isMoment(e)&&this.props.onChange(r)}isValidDate(e,t){let{timezone:r,validation:o}=this.props,{after:i,before:a}=o;if("<"==i)return e.isBefore(m().tz(1e3*a,r));if("<="==i)return e.isSameOrBefore(m().tz(1e3*a,r));if(">"==i)return e.isAfter(m().tz(1e3*a,r));if(">="==i)return e.isSameOrAfter(m().tz(1e3*a,r));{let t=m().tz(1e3*i,r).subtract(1,"day"),o=m().tz(1e3*a,r);return e.isAfter(t)&&e.isBefore(o)}}render(){let e=void 0!==this.props.validation,t=this.props,{onChange:r,id:o,value:i,format:n,error:s,inputProps:p,disabled:u}=t,c=l()(t,b),h=this.props.hasOwnProperty("error")&&""!=s,m="form-control "+(h?"error":""),v=!!this.props.hasOwnProperty("disabled")&&u;return d().createElement("div",null,e?d().createElement(f(),a()({isValidDate:this.isValidDate,onChange:this.handleChange,dateFormat:n.date,timeFormat:n.time,value:this.state.value,inputProps:y(y({},p),{},{id:o,className:m,disabled:v,autoComplete:"off"})},c)):d().createElement(f(),a()({onChange:this.handleChange,dateFormat:n.date,timeFormat:n.time,value:this.state.value,inputProps:y(y({},p),{},{id:o,className:m,disabled:v,autoComplete:"off"})},c)),h&&d().createElement("p",{className:"error-label"},s))}}return o})()));
//# sourceMappingURL=datetimepicker.js.map