playbook_ui_docs 13.21.0.pre.alpha.PLAY12582474 → 13.21.0.pre.alpha.PLAY12582514
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: 0f963806958302c01ee550879a1c1ab21c810c6907b85a6b5c6b9314b1c9e399
|
|
4
|
+
data.tar.gz: 226db79a365d73298227980b5568d0de232e005669c0d51021b45cea89592df3
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 20331cdceba52a792e83cf411ebae07f25279215e4236e743ca2ac9dd8441a7b68a1d49dde0abbb8f7bc2a2d01e791026fbb132341b7791cb560e4b05977c6b8
|
|
7
|
+
data.tar.gz: 4cf376711157411481c93349b6bf883ae22bf356c0a2005b51231539ec3203acf0b0ecb53d4763e6b2d8ed08fe0f517924d5b713dc65d3f1241cc6e0658fbcc4
|
|
@@ -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'
|