React

by Gereltod Gotsbayar

HTML

<div id="app"></div>

CSS

:root {
   padding: 20px;
}

React

const DateField = () => {
	const [value, setValue] = React.useState(new Date());
  
  const handleOnChange = e => {
    if (!e.target['validity'].valid) return;
    const dt = e.target['value'] + ':00Z';
    setDatetime(dt);
  }
  
  console.log(value);
  
  return <input type="datetime-local" value={value} onChange={handleOnChange} />;
    
}

ReactDOM.render(<DateField />, document.querySelector("#app"))