react-dates

问题 I am using a react-dates plugin from Airbnb in one of my projects. I am using daterangepicker default calendar props like this one http://airbnb.io/react-dates/?path=/story/drp-calendar-props--default. But this is not responsive in smaller devices from tab to mobile. I want to make some changes here in the tab and mobile view like it would appear as a vertical calendar as this http://airbnb.io/react-dates/?path=/story/drp-calendar-props--vertical. I want to achieve this using the given props

问题 I successfully set react-dates with Formik under Gatsbyjs. Here you have a working demo: https://codesandbox.io/s/723l233my1 Now, my problem concerns netlify (or the way in which react-dates nest the values). So depending on the problem I have two questions: - Is Netlify able to receive nested objects on the Forms feature? - Can I tell react-dates to give me shallow values instead of nested objects? In the working demo you can see that the values (startDate and endDate) seems shallow: "values

问题 I'm confused about how to handle react-dates[DateRangePicker] onDatesChange and onFocusChange because they have two values each. onDatesChange should be able to set multiple values i.e both start date and end date. I was trying to build a custom wrapper around the daterangepicker with formik. Check console for errors `<div className="form-group"> <label>DatePickerWithFormik</label> <Field component={DatePickerWithFormik} name="DatePickerWithFormik" className="form-control" /> </div>` `export

问题 I use a react-dates date picker in my site and recently updated to version 16 (from a pre-13 version). Since the new version has pretty different markup from the previous versions, my custom style sheets are irrelevant and instead of customising stylesheets again I would prefer to use the react-with-styles option of customising. The problem is, I can't seem to work out how it works and the documentation is a little unclear. What I have now is basically this: // Css file imported elsewhere