I am using AvDateRangeField component from reactstrap-validation-date. Seeing some console errors, but component is working as expected. Please let me know on clearing/fixing this errors.
My component is currently looking like below,
Console errors:
checkPropTypes.js:20 Warning: Failed prop type: withStyles(DateRangePicker): unknown props found: size, onChange, start, end, children, type
in withStyles(DateRangePicker) (at AvDateRange.js:606)
in AvDateRange (at AvDateRangeField.js:79)
in div (created by FormGroup)
in FormGroup (created by AvGroup)
in AvGroup (at AvDateRangeField.js:99)
in AvDateRangeField (at ChatHistory.js:80)
in div (at ChatHistory.js:79)
in form (created by Form)
in Form (created by AvForm)
in AvForm (at ChatHistory.js:78)
in div (at ChatHistory.js:77)
in div (at ChatHistory.js:76)
in Pagination (at ChatHistory.js:69)
in div (created by CardBody)
in CardBody (at CustomCard.js:12)
in div (created by Card)
in Card (at CustomCard.js:11)
in CustomCard (at ChatHistory.js:67)
in ChatHistory (created by Context.Consumer)
in Route (at Layout.js:26)
in div (at Layout.js:21)
in Route (at Layout.js:37)
in Router (created by HashRouter)
in HashRouter (at Layout.js:36)
in div (at Layout.js:33)
in div (created by BlockUi)
in BlockUi (at Layout.js:32)
in Layout (at App.js:35)
in div (at App.js:35)
in App (at app/index.js:11)
printWarning @ checkPropTypes.js:20
checkPropTypes.js:20 Warning: Failed prop type: DateRangePicker: unknown props found: size, onChange, start, end, children, type
in DateRangePicker (created by WithStyles)
in WithStyles (created by withStyles(DateRangePicker))
in withStyles(DateRangePicker) (at AvDateRange.js:606)
in div (created by InputGroup)
in InputGroup (at AvDateRange.js:595)
in AvDateRange (at AvDateRangeField.js:79)
in div (created by FormGroup)
in FormGroup (created by AvGroup)
in AvGroup (at AvDateRangeField.js:99)
in AvDateRangeField (at ChatHistory.js:80)
in div (at ChatHistory.js:79)
in form (created by Form)
in Form (created by AvForm)
in AvForm (at ChatHistory.js:78)
in div (at ChatHistory.js:77)
in div (at ChatHistory.js:76)
in Pagination (at ChatHistory.js:69)
in div (created by CardBody)
in CardBody (at CustomCard.js:12)
in div (created by Card)
in Card (at CustomCard.js:11)
in CustomCard (at ChatHistory.js:67)
in ChatHistory (created by Context.Consumer)
in Route (at Layout.js:26)
in div (at Layout.js:21)
in Route (at Layout.js:37)
in Router (created by HashRouter)
in HashRouter (at Layout.js:36)
in div (at Layout.js:33)
in div (created by BlockUi)
in BlockUi (at Layout.js:32)
in Layout (at App.js:35)
in div (at App.js:35)
in App (at app/index.js:11)
I am using
AvDateRangeFieldcomponent fromreactstrap-validation-date. Seeing some console errors, but component is working as expected. Please let me know on clearing/fixing this errors. My component is currently looking like below,<AvDateRangeField name="dateRange" id="id0" label="Label" onChange={this.handleDateRange} start={{ name:date.start, value: dateRange.startDate, }} end={{ name:date.end, value: dateRange.endDate, }} validate={{ required: { value: true, errorMessage: 'This field is required.', } }} />Console errors: checkPropTypes.js:20 Warning: Failed prop type: withStyles(DateRangePicker): unknown props found: size, onChange, start, end, children, type in withStyles(DateRangePicker) (at AvDateRange.js:606) in AvDateRange (at AvDateRangeField.js:79) in div (created by FormGroup) in FormGroup (created by AvGroup) in AvGroup (at AvDateRangeField.js:99) in AvDateRangeField (at ChatHistory.js:80) in div (at ChatHistory.js:79) in form (created by Form) in Form (created by AvForm) in AvForm (at ChatHistory.js:78) in div (at ChatHistory.js:77) in div (at ChatHistory.js:76) in Pagination (at ChatHistory.js:69) in div (created by CardBody) in CardBody (at CustomCard.js:12) in div (created by Card) in Card (at CustomCard.js:11) in CustomCard (at ChatHistory.js:67) in ChatHistory (created by Context.Consumer) in Route (at Layout.js:26) in div (at Layout.js:21) in Route (at Layout.js:37) in Router (created by HashRouter) in HashRouter (at Layout.js:36) in div (at Layout.js:33) in div (created by BlockUi) in BlockUi (at Layout.js:32) in Layout (at App.js:35) in div (at App.js:35) in App (at app/index.js:11) printWarning @ checkPropTypes.js:20 checkPropTypes.js:20 Warning: Failed prop type: DateRangePicker: unknown props found: size, onChange, start, end, children, type in DateRangePicker (created by WithStyles) in WithStyles (created by withStyles(DateRangePicker)) in withStyles(DateRangePicker) (at AvDateRange.js:606) in div (created by InputGroup) in InputGroup (at AvDateRange.js:595) in AvDateRange (at AvDateRangeField.js:79) in div (created by FormGroup) in FormGroup (created by AvGroup) in AvGroup (at AvDateRangeField.js:99) in AvDateRangeField (at ChatHistory.js:80) in div (at ChatHistory.js:79) in form (created by Form) in Form (created by AvForm) in AvForm (at ChatHistory.js:78) in div (at ChatHistory.js:77) in div (at ChatHistory.js:76) in Pagination (at ChatHistory.js:69) in div (created by CardBody) in CardBody (at CustomCard.js:12) in div (created by Card) in Card (at CustomCard.js:11) in CustomCard (at ChatHistory.js:67) in ChatHistory (created by Context.Consumer) in Route (at Layout.js:26) in div (at Layout.js:21) in Route (at Layout.js:37) in Router (created by HashRouter) in HashRouter (at Layout.js:36) in div (at Layout.js:33) in div (created by BlockUi) in BlockUi (at Layout.js:32) in Layout (at App.js:35) in div (at App.js:35) in App (at app/index.js:11)