docs(DateSelect): Added DateSelect docs DEV-53

micromedio · May 19, 2021 · a10204b · a10204b
1 parent 9f9ddc6
commit a10204b
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/src/components/DateSelect/DateSelect.md b/src/components/DateSelect/DateSelect.md
@@ -0,0 +1,26 @@
+The DateSelect component is a more specialized Select to be used when selecting date ranges
+
+### Example
+
+```js
+<DateSelect>
+  <DateSelect.Option value={{ from: "12/05/2021", to: "12/05/2021" }}>
+    Today
+  </DateSelect.Option>
+  <DateSelect.Option value={{ from: "13/05/2021", to: "13/05/2021" }}>
+    Tomorrow
+  </DateSelect.Option>
+  <DateSelect.Option value={{ from: "09/05/2021", to: "15/05/2021" }}>
+    This week
+  </DateSelect.Option>
+  <DateSelect.Option value={{ from: "16/05/2021", to: "22/05/2021" }}>
+    Next week
+  </DateSelect.Option>
+  <DateSelect.Option value={{ from: "01/05/2021", to: "31/05/2021" }}>
+    This month
+  </DateSelect.Option>
+  <DateSelect.Option value={{ from: "01/05/2021", to: "30/05/2021" }}>
+    Next month
+  </DateSelect.Option>
+</DateSelect>
+```