foris-js/src/bootstrap/DataTimeInput.md

Adopted from react-datetime/DateTime datatime picker component. It uses momentjs see example.

It requires ForisTranslations.locale to be defined in order to use right locale.

ForisTranslations={locale:'en'};

import {useState, useEffect} from 'react';
import moment from 'moment/moment';

const [dataTime, setDataTime] = useState(moment());
const [error, setError] = useState();
useEffect(()=>{
   dataTime.isValid() ? setError(null) : setError('Invalid value!');
},[dataTime]);
 
<DataTimeInput
    label='Time to sleep'
    value={dataTime}
    error={error}
    helpText='Example helptext...'
    onChange={value => setDataTime(value)}
/>