@draftbit/core 46.4.4-494c82.2 → 46.4.4-4bf842.2

package/src/mappings/DatePicker.ts

@@ -5,6 +5,9 @@ import {
   FIELD_NAME,
   GROUPS,
   Triggers,
+  StylesPanelSections,
+  createNumberProp,
+  createColorProp,
 } from "@draftbit/types";
 
 const SEED_DATA_PROPS = {
@@ -18,6 +21,16 @@ const SEED_DATA_PROPS = {
     required: true,
     group: GROUPS.data,
   },
+  labelSize: createNumberProp({
+    label: "Label Font Size",
+    group: GROUPS.basic,
+    description: "Label font size",
+    editable: true,
+    defaultValue: null,
+  }),
+  labelColor: createColorProp({
+    label: "Label Color",
+  }),
   mode: {
     label: "Mode",
     description: "Choose between date, time and datetime",
@@ -29,6 +42,12 @@ const SEED_DATA_PROPS = {
     options: ["date", "time", "datetime"],
     group: GROUPS.basic,
   },
+  borderColor: createColorProp({
+    label: "Default Border Color",
+  }),
+  borderColorActive: createColorProp({
+    label: "Active Border Color",
+  }),
   format: {
     label: "Format",
     description: "Create an output format for the date.",
@@ -37,7 +56,7 @@ const SEED_DATA_PROPS = {
     formType: FORM_TYPES.string,
     propType: PROP_TYPES.STRING,
     defaultValue: null,
-    group: GROUPS.basic,
+    group: GROUPS.data,
   },
   assistiveText: {
     label: "Assistive text",
@@ -47,7 +66,7 @@ const SEED_DATA_PROPS = {
     defaultValue: null,
     editable: true,
     required: false,
-    group: GROUPS.basic,
+    group: GROUPS.data,
   },
   // locale: {
   //   label: "Locale",
@@ -90,7 +109,7 @@ const SEED_DATA_PROPS = {
     defaultValue: false,
     editable: true,
     required: false,
-    group: GROUPS.basic,
+    group: GROUPS.data,
   },
   // error: {
   //   label: "Error",
@@ -150,6 +169,14 @@ export const SEED_DATA = [
     category: COMPONENT_TYPES.input,
     layout: null,
     triggers: [Triggers.OnDateChange],
+    StylesPanelSections: [
+      StylesPanelSections.Typography,
+      StylesPanelSections.Background,
+      StylesPanelSections.Borders,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Position,
+      StylesPanelSections.Size,
+    ],
     props: {
       ...SEED_DATA_PROPS,
       type: {