playbook_ui_docs 13.21.0.pre.alpha.PLAY12582474 → 13.21.0.pre.alpha.PLAY12582515
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_margin_bottom.html.erb +7 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_margin_bottom.jsx +41 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/index.js +1 -0
- data/dist/playbook-doc.js +3 -3
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f61c3ca0d7f33aba0efc524ff6a926dbaf43dcb78c9126a0e7784fcae4c94848
|
|
4
|
+
data.tar.gz: 8d58e10ef145521654f16be2cde71738545f7255568fa8634fbb2658fc778e78
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 05a60615d96da861f78254c29b7dcaf8edd0e37a9c17e9f57265c7a2d61b809b50e209bc866555b29c203b85ad25e8e13a32e074d455e4f466f8b1bc7f706e0a
|
|
7
|
+
data.tar.gz: c6158520910618f1913134f856843a0d971792000a8dca5e7a150031b30b1358ff5aa3ee051582181e56b9c3486cd794f92557c09c3575f10662f1cf0b819fba
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
|
|
2
|
+
<%= pb_rails("date_picker", props: { picker_id: "date-picker-none", margin_bottom: "none"}) %>
|
|
3
|
+
<%= pb_rails("date_picker", props: { picker_id: "date-picker-xs", margin_bottom: "xs"}) %>
|
|
4
|
+
<%= pb_rails("date_picker", props: { picker_id: "date-picker-sm", margin_bottom: "sm"}) %>
|
|
5
|
+
<%= pb_rails("date_picker", props: { picker_id: "date-picker-md", margin_bottom: "md"}) %>
|
|
6
|
+
<%= pb_rails("date_picker", props: { picker_id: "date-picker-lg", margin_bottom: "lg"}) %>
|
|
7
|
+
<%= pb_rails("date_picker", props: { picker_id: "date-picker-xl", margin_bottom: "xl"}) %>
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
import DatePicker from '../_date_picker'
|
|
5
|
+
|
|
6
|
+
const DatePickerMarginBottom = (props) => (
|
|
7
|
+
<div>
|
|
8
|
+
<DatePicker
|
|
9
|
+
marginBottom="none"
|
|
10
|
+
pickerId="date-picker-none"
|
|
11
|
+
{...props}
|
|
12
|
+
/>
|
|
13
|
+
<DatePicker
|
|
14
|
+
marginBottom="xs"
|
|
15
|
+
pickerId="date-picker-xs"
|
|
16
|
+
{...props}
|
|
17
|
+
/>
|
|
18
|
+
<DatePicker
|
|
19
|
+
marginBottom="sm"
|
|
20
|
+
pickerId="date-picker-sm"
|
|
21
|
+
{...props}
|
|
22
|
+
/>
|
|
23
|
+
<DatePicker
|
|
24
|
+
marginBottom="md"
|
|
25
|
+
pickerId="date-picker-md"
|
|
26
|
+
{...props}
|
|
27
|
+
/>
|
|
28
|
+
<DatePicker
|
|
29
|
+
marginBottom="lg"
|
|
30
|
+
pickerId="date-picker-lg"
|
|
31
|
+
{...props}
|
|
32
|
+
/>
|
|
33
|
+
<DatePicker
|
|
34
|
+
marginBottom="xl"
|
|
35
|
+
pickerId="date-picker-xl"
|
|
36
|
+
{...props}
|
|
37
|
+
/>
|
|
38
|
+
</div>
|
|
39
|
+
)
|
|
40
|
+
|
|
41
|
+
export default DatePickerMarginBottom
|
|
@@ -20,6 +20,7 @@ examples:
|
|
|
20
20
|
- date_picker_hooks: Hooks
|
|
21
21
|
- date_picker_year_range: Year Range
|
|
22
22
|
- date_picker_anti_patterns: Anti-Patterns
|
|
23
|
+
- date_picker_margin_bottom: Margin Bottom
|
|
23
24
|
- date_picker_inline: Inline
|
|
24
25
|
- date_picker_month_and_year: Month & Year Only
|
|
25
26
|
- date_picker_week: Week
|
|
@@ -48,6 +49,7 @@ examples:
|
|
|
48
49
|
- date_picker_flatpickr_methods: Flatpickr Methods
|
|
49
50
|
- date_picker_hooks: Hooks
|
|
50
51
|
- date_picker_year_range: Year Range
|
|
52
|
+
- date_picker_margin_bottom: Margin Bottom
|
|
51
53
|
- date_picker_inline: Inline
|
|
52
54
|
- date_picker_month_and_year: Month & Year Only
|
|
53
55
|
- date_picker_week: Week
|
|
@@ -19,6 +19,7 @@ export { default as DatePickerWeek } from './_date_picker_week.jsx'
|
|
|
19
19
|
export { default as DatePickerPositions } from './_date_picker_positions.jsx'
|
|
20
20
|
export { default as DatePickerPositionsElement } from './_date_picker_positions_element.jsx'
|
|
21
21
|
export { default as DatePickerAllowInput } from './_date_picker_allow_input'
|
|
22
|
+
export { default as DatePickerMarginBottom} from './_date_picker_margin_bottom'
|
|
22
23
|
export { default as DatePickerQuickPickReact } from './_date_picker_quick_pick_react'
|
|
23
24
|
export { default as DatePickerQuickPickRangeLimit } from './_date_picker_quick_pick_range_limit'
|
|
24
25
|
export { default as DatePickerOnClose } from './_date_picker_on_close.jsx'
|