node-red-contrib-chatbot/src/components/fields-editor/fields/date.js

REDBot a Chat bot for a full featured chat bot for Telegram, Facebook Messenger and Slack. Almost no coding skills required

import React from 'react';
import { DatePicker } from 'rsuite';
import PropTypes from 'prop-types';

import isValidDate from '../../../helpers/is-valid-date';

const DateField = ({ value, onChange = () => {} }) => {
  const date = new Date(value);
  console.log('value', value, date, isValidDate(date)     )
  return (
    <div>
      <DatePicker 
        style={{ width: '100%' }}
        value={isValidDate(date) ? date : undefined}
        onChange={date => onChange(date.toJSON())}
      />
    </div>
  );
};
DateField.propTypes = {
  onChange: PropTypes.func,
  value: PropTypes.string
};

export default DateField;