diff --git a/dev/src/collections/DateExample.ts b/dev/src/collections/DateExample.ts
new file mode 100644
index 0000000..bd5a261
--- /dev/null
+++ b/dev/src/collections/DateExample.ts
@@ -0,0 +1,41 @@
+import { CollectionConfig } from 'payload/types'
+import { DateField } from '../../../src'
+
+const DateExamples: CollectionConfig = {
+  slug: 'dateExamples',
+  admin: {
+    useAsTitle: 'title',
+  },
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+    },
+    {
+      type: 'date',
+      name: 'defaultDate',
+      admin: {
+        description: 'Default date field behaviour',
+        date: {
+          pickerAppearance: 'dayAndTime',
+        },
+      },
+    },
+    {
+      type: 'row',
+      fields: [
+        ...DateField({
+          name: 'date',
+          admin: {
+            description: 'You can choose a timezone',
+            date: {
+              pickerAppearance: 'dayAndTime',
+            },
+          },
+        }),
+      ],
+    },
+  ],
+}
+
+export default DateExamples
diff --git a/dev/src/payload.config.ts b/dev/src/payload.config.ts
index f115388..0426686 100644
--- a/dev/src/payload.config.ts
+++ b/dev/src/payload.config.ts
@@ -13,6 +13,7 @@ import RangeExamples from './collections/RangeExamples'
 import TelephoneExamples from './collections/TelephoneExamples'
 import AlertBoxExamples from './collections/AlertBoxExamples'
 import ColourPickerExamples from './collections/ColourPickerExamples'
+import DateExamples from './collections/DateExample'
 
 export default buildConfig({
   serverURL: process.env.SERVER_URL,
@@ -50,6 +51,7 @@ export default buildConfig({
     TelephoneExamples,
     ColourPickerExamples,
     Users,
+    DateExamples,
   ],
   typescript: {
     outputFile: path.resolve(__dirname, 'payload-types.ts'),