Merge pull request #136 from lowdefy/blocks-antd-monthselector

feat(blocksAntd): monthselector examples

packages/blocksAntd/demo/examples/MonthSelector.yaml

@@ -4,3 +4,104 @@
   type: MonthSelector
   properties:
     title: Month selector
+- id: "property.allowClear: false"
+  type: MonthSelector
+  properties:
+    allowClear: false
+- id: "property.autoFocus: true"
+  type: MonthSelector
+  properties:
+    autoFocus: true
+
+- id: "properties.disabledDates.min"
+  type: MonthSelector
+  properties:
+    disabledDates:
+      min: 2020-10-20
+- id: "properties.disabledDates.max"
+  type: MonthSelector
+  properties:
+    disabledDates:
+      max: 2020-08-15
+- id: "properties.disabledDates.dates"
+  type: MonthSelector
+  properties:
+    disabledDates:
+      dates:
+        - _date: 2020-10-26
+        - 2020-10-01
+        - 2020-11-01
+- id: "properties.disabledDates.ranges"
+  type: MonthSelector
+  properties:
+    disabledDates:
+      ranges:
+        - ["2020-07-01", "2020-08-01"]
+        - - 2020-10-01
+          - 2020-11-02
+
+- id: "property.disabled: true"
+  type: MonthSelector
+  properties:
+    disabled: true
+- id: "property.format: YYYY-MMMM"
+  type: MonthSelector
+  properties:
+    format: YYYY-MMMM
+- id: "property.placeholder: - Select this Month"
+  type: MonthSelector
+  properties:
+    placeholder: Select this Month
+- id: "property.size: small"
+  type: MonthSelector
+  properties:
+    size: small
+- id: "property.size: large"
+  type: MonthSelector
+  properties:
+    size: large
+- id: "property.suffixIcon: CalendarFilled"
+  type: MonthSelector
+  properties:
+    suffixIcon: CalendarFilled
+- id: "property.suffixIcon: CalendarFilled.blue"
+  type: MonthSelector
+  properties:
+    suffixIcon:
+      name: CalendarFilled
+      color: blue
+- id: "properties.inputStyle: CSS style applied"
+  type: MonthSelector
+  properties:
+    inputStyle:
+      border: 1px solid red
+- id: "property.label span: 5"
+  type: MonthSelector
+  properties:
+    label:
+      span: 5
+- id: "property.label align: right"
+  type: MonthSelector
+  properties:
+    label:
+      align: right
+- id: "property.label inline: true"
+  type: MonthSelector
+  properties:
+    label:
+      inline: true
+- id: "property.label disabled: true"
+  type: MonthSelector
+  properties:
+    label:
+      disabled: true
+- id: "property.label colon: true"
+  type: MonthSelector
+  properties:
+    label:
+      colon: true
+- id: "property.label extra: extra text added"
+  type: MonthSelector
+  properties:
+    label:
+      extra: extra text added

packages/blocksAntd/src/blocks/MonthSelector/MonthSelector.json

@@ -76,8 +76,8 @@
         },
         "label": {
           "type": "object",
-          "additionalProperties": false,
           "description": "Label properties.",
+          "additionalProperties": false,
           "properties": {
             "align": {
               "type": "string",
@@ -98,11 +98,24 @@
               "type": "string",
               "description": "Label title."
             },
+            "span": {
+              "type": "number",
+              "description": "Label inline span."
+            },
+            "disabled": {
+              "type": "boolean",
+              "description": "Hide input label."
+            },
             "hasFeedback": {
               "type": "boolean",
               "defaultValue": true,
               "description": "Display feedback extra from validation, this does not disable validation."
             },
+            "inline": {
+              "type": "boolean",
+              "defaultValue": false,
+              "description": "Render input and label inline."
+            },
             "extraStyle": {
               "type": "object",
               "description": "Css style to applied to label extra."
@@ -113,6 +126,7 @@
             }
           }
         },
+
         "title": {
           "type": "string",
           "description": "Month selector label title."