web: add nestedField support in DatePicker (#718)

Author: jyash97

packages/web/src/components/date/DatePicker.js

@@ -51,7 +51,8 @@ class DatePicker extends Component {
 			this.updateQuery(
 				this.state.currentDate ? this.formatInputDate(this.state.currentDate) : null,
 				nextProps,
-			));
+			),
+		);
 		if (!isEqual(this.props.defaultSelected, nextProps.defaultSelected)) {
 			this.handleDateChange(nextProps.defaultSelected, true, nextProps);
 		} else if (
@@ -86,6 +87,17 @@ class DatePicker extends Component {
 				},
 			};
 		}
+
+		if (query && props.nestedField) {
+			return {
+				query: {
+					nested: {
+						path: props.nestedField,
+						query,
+					},
+				},
+			};
+		}
 		return query;
 	};
 
@@ -191,8 +203,9 @@ class DatePicker extends Component {
 						}}
 						{...this.props.dayPickerInputProps}
 					/>
-					{this.props.showClear
-						&& this.state.currentDate && <CancelSvg onClick={this.clearDayPicker} />}
+					{this.props.showClear && this.state.currentDate && (
+						<CancelSvg onClick={this.clearDayPicker} />
+					)}
 				</Flex>
 			</DateContainer>
 		);
@@ -217,6 +230,7 @@ DatePicker.propTypes = {
 	focused: types.bool,
 	initialMonth: types.dateObject,
 	innerClass: types.style,
+	nestedField: types.string,
 	numberOfMonths: types.number,
 	onQueryChange: types.func,
 	placeholder: types.string,