From 45b52756464832c0ee680e8d28c89095ef11f6a2 Mon Sep 17 00:00:00 2001
From: Kyle Doherty <kdoh@users.noreply.github.com>
Date: Tue, 18 Jun 2019 14:00:33 -0700
Subject: [PATCH] add calendars to the component guide (#10147)
---
.../src/metabase/components/Calendar.info.js | 29 +++++++++++++++++++
1 file changed, 29 insertions(+)
create mode 100644 frontend/src/metabase/components/Calendar.info.js
diff --git a/frontend/src/metabase/components/Calendar.info.js b/frontend/src/metabase/components/Calendar.info.js
new file mode 100644
index 00000000000..aa1577bd87a
--- /dev/null
+++ b/frontend/src/metabase/components/Calendar.info.js
@@ -0,0 +1,29 @@
+import React from "react";
+import moment from "moment";
+import Calendar from "./Calendar";
+
+export const component = Calendar;
+
+export const description = `For when gregorian time is your need, a calendar is your friend indeed`;
+
+const onChange = () => ({});
+
+export const examples = {
+ default: <Calendar onChange={onChange} />,
+ "With a selected date": <Calendar onChange={onChange} selected={moment()} />,
+ "With a date range": (
+ <Calendar
+ selected={moment()}
+ selectedEnd={moment().add(10, "days")}
+ onChange={onChange}
+ />
+ ),
+ "Dual with a date range": (
+ <Calendar
+ isDual
+ selected={moment()}
+ selectedEnd={moment().add(1, "month")}
+ onChange={onChange}
+ />
+ ),
+};
--
GitLab