playbook_ui_docs 13.21.0.pre.alpha.PLAY12582474 → 13.21.0.pre.alpha.PLAY12582515
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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'
|