diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property-editors/uis/date-picker/property-editor-ui-date-picker.stories.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property-editors/uis/date-picker/property-editor-ui-date-picker.stories.ts
index 435590f473..35dccfc20c 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/property-editors/uis/date-picker/property-editor-ui-date-picker.stories.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/property-editors/uis/date-picker/property-editor-ui-date-picker.stories.ts
@@ -10,12 +10,12 @@ export default {
 	component: 'umb-property-editor-ui-date-picker',
 	id: 'umb-property-editor-ui-date-picker',
 	args: {
-		config: [
+		config: new UmbDataTypePropertyCollection([
 			{
 				alias: 'format',
 				value: 'YYYY-MM-DD HH:mm:ss',
 			},
-		],
+		]),
 	},
 } as Meta<UmbPropertyEditorUIDatePickerElement>;