Fix rjsf-team#300: Properly reset a date widget value. (rjsf-team#303)

Author: n1k0

src/components/widgets/DateWidget.js

@@ -4,7 +4,13 @@ import BaseInput from "./BaseInput";
 
 
 function DateWidget(props) {
- return <BaseInput type="date" {...props} />;
+ const {onChange} = props;
+ return (
+ <BaseInput
+ type="date"
+ {...props}
+ onChange={(value) => onChange(value || undefined)} />
+ );
 }
 
 if (process.env.NODE_ENV !== "production") {

test/StringField_test.js

@@ -331,6 +331,20 @@ describe("StringField", () => {
 
  expect(comp.state.errors).to.have.length.of(1);
  });
+
+ it("should properly reset field value when null is selected", () => {
+ const {comp, node} = createFormComponent({schema: {
+ type: "string",
+ format: "date",
+ }, uiSchema, liveValidate: true});
+
+ Simulate.change(node.querySelector("[type=date]"), {
+ target: {value: null}
+ });
+
+ expect(comp.state.formData).to.be.a("undefined");
+ expect(comp.state.errors).to.have.length.of(0);
+ });
  });
 
  describe("AltDateTimeWidget", () => {