react-datepicker-enhanced/docs/src/examples/Placeholder.js

react datepicker component. (include persian jalaali calendar)

import React from 'react';
import momentJalaali from 'moment-jalaali';
import DatePicker from '../../../src/components/DatePicker';

class component extends React.Component {
  constructor(props) {
    super(props);

    this.state = { value: momentJalaali() };
  }
  render() {
    return (
      <DatePicker
        placeholder="e.g. 1993/11/12 12:03 PM"
        value={this.state.value}
        onChange={value => this.setState({ value })}
      />
    );
  }
}

const title = 'Placeholder';
const code = `class component extends React.Component { 
  constructor(props) {
    super(props);
    this.state = {value: momentJalaali()};
  }
  render() {
    return <DatePicker
      placeholder="e.g. 1993/11/12 12:03 PM"
      value={this.state.value}
      onChange={value => this.setState({ value })}
    />
  }
}
`;
const Default = { component, title, code };

export default Default;