React moment tag for datepicker/REACT-Day-PICKER

REACT-Day-PICKER

1. Install as dependency to use it in your project:

       npm install react-day-picker --save 

2. Then import the component and its style into your component:

      import DayPicker from 'react-day-picker';

     // Or import the input component
     import DayPickerInput from 'react-day-picker/DayPickerInput';

     import 'react-day-picker/lib/style.css';

3.  import DayPicker from 'react-day-picker';
   // Or import the input component
    import DayPickerInput from 'react-day-picker/DayPickerInput';
    import 'react-day-picker/lib/style.css';
    import MomentLocaleUtils, {formatDate,parseDate} from 'react-day-picker/moment';

    import 'moment/locale/it';

4. <DayPickerInput inputProps={{ className: 'form-control' }}
 formatDate={formatDate}
 parseDate={parseDate}
 format="LL"
 placeholder={`${formatDate(new Date(),'LL')}`}
 dayPickerProps={{
  localeUtils: MomentLocaleUtils,
 }}
    />

 React moment tag for datepicker

1. Installing :- npm install --save moment react-moment

2. Timezone support:- npm install --save moment-timezone
3. import Moment from 'react-moment';
4.