fields.date and fields.datetime brokes document editing

[adamjosefus]

When I have date or datetime field in a schema, the editing procces broke.

Work OK, but I need a date.

export const MyComponenet = component({
  label: 'Registrace na REJUMP',
  preview: (props) => {
    return <pre>{JSON.stringify(props, null, 2)}</pre>;
  },
  schema: {
    // startDate: fields.date({
    //   label: 'My Date',
    // }),
    price: fields.integer({
      label: 'My Price',
      defaultValue: 0,
      validation: {
        isRequired: true,
        min: 1,
      },
    }),
  },
});

After adding this component to the document, Editor will trigger document modification → "Unsave" badge appears.

export const MyComponenet = component({
  label: 'Registrace na REJUMP',
  preview: (props) => {
    return <pre>{JSON.stringify(props, null, 2)}</pre>;
  },
  schema: {
+     startDate: fields.date({
+       label: 'My Date',
+     }),
    price: fields.integer({
      label: 'My Price',
      defaultValue: 0,
      validation: {
        isRequired: true,
        min: 1,
      },
    }),
  },
});

But after click to "Save" button, whole editor creashed.

When I add an initial value to the date schema, the editor does not crash. But editor nocognize a change. If I trigger the change something else then this component disaperea after saving.

export const MyComponenet = component({
  label: 'Registrace na REJUMP',
  preview: (props) => {
    return <pre>{JSON.stringify(props, null, 2)}</pre>;
  },
  schema: {
    startDate: fields.date({
      label: 'My Date',
+      defaultValue: { kind: 'today' },
    }),
    price: fields.integer({
      label: 'My Price',
      defaultValue: 0,
      validation: {
        isRequired: true,
        min: 1,
      },
    }),
  },
});

Dependencies

• @keystatic/core: 0.5.32,
• @keystatic/next: 5.0.1

[adamjosefus]

mdx fixed that