playbook_ui 13.13.0.pre.alpha.play10221678 → 13.13.0.pre.alpha.play10821726
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_avatar/_avatar.tsx +5 -5
- data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.tsx +3 -3
- data/app/pb_kits/playbook/pb_background/_background.tsx +9 -9
- data/app/pb_kits/playbook/pb_badge/_badge.tsx +2 -2
- data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx +3 -3
- data/app/pb_kits/playbook/pb_body/_body.tsx +4 -5
- data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumb_item.tsx +3 -4
- data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.tsx +3 -3
- data/app/pb_kits/playbook/pb_button/_button.tsx +40 -37
- data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.tsx +3 -3
- data/app/pb_kits/playbook/pb_caption/_caption.tsx +1 -1
- data/app/pb_kits/playbook/pb_card/_card.tsx +2 -2
- data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +5 -4
- data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +3 -3
- data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +9 -9
- data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.tsx +1 -1
- data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +5 -7
- data/app/pb_kits/playbook/pb_collapsible/_helper_functions.ts +2 -2
- data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.tsx +5 -4
- data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +16 -12
- data/app/pb_kits/playbook/pb_contact/_contact.tsx +3 -3
- data/app/pb_kits/playbook/pb_contact/docs/_contact_default_swift.md +14 -0
- data/app/pb_kits/playbook/pb_contact/docs/_contact_props_swift.md +6 -0
- data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail_swift.md +14 -0
- data/app/pb_kits/playbook/pb_contact/docs/example.yml +6 -0
- data/app/pb_kits/playbook/pb_currency/_currency.tsx +2 -2
- data/app/pb_kits/playbook/pb_dashboard/pbChartsColorsHelper.ts +1 -1
- data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts +4 -57
- data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.ts +4 -57
- data/app/pb_kits/playbook/pb_dashboard/themeTypes.ts +20 -16
- data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.tsx +1 -1
- data/app/pb_kits/playbook/pb_date/_date.tsx +7 -7
- data/app/pb_kits/playbook/pb_date/docs/_date_alignment_swift.md +11 -0
- data/app/pb_kits/playbook/pb_date/docs/_date_default_swift.md +16 -0
- data/app/pb_kits/playbook/pb_date/docs/_date_props_swift.md +8 -0
- data/app/pb_kits/playbook/pb_date/docs/_date_unstyled_swift.md +11 -0
- data/app/pb_kits/playbook/pb_date/docs/_date_variants_swift.md +14 -0
- data/app/pb_kits/playbook/pb_date/docs/example.yml +7 -0
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +1 -4
- data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +0 -3
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +10 -11
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.jsx +2 -2
- data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +0 -4
- data/app/pb_kits/playbook/pb_date_picker/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx +3 -69
- data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx +2 -2
- data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.tsx +2 -2
- data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.tsx +8 -8
- data/app/pb_kits/playbook/pb_date_time/_date_time.tsx +2 -2
- data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.tsx +1 -1
- data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx +2 -2
- data/app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.test.js +6 -3
- data/app/pb_kits/playbook/pb_detail/_detail.tsx +4 -4
- data/app/pb_kits/playbook/pb_dialog/_close_icon.tsx +2 -2
- data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +42 -34
- data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx +1 -1
- data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.tsx +4 -5
- data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.tsx +4 -4
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx +8 -4
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx +8 -4
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx +4 -2
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx +1 -1
- data/app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.tsx +5 -5
- data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +1 -1
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx +1 -1
- data/app/pb_kits/playbook/pb_flex/_flex.tsx +1 -1
- data/app/pb_kits/playbook/pb_flex/_flex_item.tsx +1 -1
- data/app/pb_kits/playbook/pb_form_group/_form_group.tsx +1 -1
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +1 -1
- data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +1 -1
- data/app/pb_kits/playbook/pb_hashtag/_hashtag.tsx +1 -1
- data/app/pb_kits/playbook/pb_highlight/_highlight.tsx +1 -1
- data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.tsx +1 -1
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default_swift.md +18 -0
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis_swift.md +34 -0
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link_swift.md +18 -0
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified_swift.md +13 -0
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_props_swift.md +14 -0
- data/app/pb_kits/playbook/pb_home_address_street/docs/example.yml +6 -0
- data/app/pb_kits/playbook/pb_icon/_icon.tsx +1 -1
- data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx +1 -1
- data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.tsx +1 -1
- data/app/pb_kits/playbook/pb_icon_value/_icon_value.tsx +1 -1
- data/app/pb_kits/playbook/pb_image/_image.tsx +1 -1
- data/app/pb_kits/playbook/pb_label_pill/_label_pill.tsx +1 -1
- data/app/pb_kits/playbook/pb_label_value/_label_value.tsx +1 -1
- data/app/pb_kits/playbook/pb_layout/_layout.tsx +1 -1
- data/app/pb_kits/playbook/pb_legend/_legend.tsx +1 -1
- data/app/pb_kits/playbook/pb_lightbox/Header/_lightbox_header.tsx +1 -1
- data/app/pb_kits/playbook/pb_lightbox/_lightbox.tsx +1 -1
- data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +1 -1
- data/app/pb_kits/playbook/pb_list/_list.tsx +1 -1
- data/app/pb_kits/playbook/pb_list/_list_item.tsx +1 -1
- data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.tsx +1 -1
- data/app/pb_kits/playbook/pb_map/_map.tsx +1 -1
- data/app/pb_kits/playbook/pb_message/_message.tsx +1 -1
- data/app/pb_kits/playbook/pb_message/_message_mention.tsx +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +1 -1
- data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.tsx +1 -1
- data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.tsx +1 -1
- data/app/pb_kits/playbook/pb_nav/_item.tsx +1 -1
- data/app/pb_kits/playbook/pb_nav/_nav.tsx +1 -1
- data/app/pb_kits/playbook/pb_online_status/_online_status.tsx +1 -1
- data/app/pb_kits/playbook/pb_passphrase/_passphrase.tsx +1 -1
- data/app/pb_kits/playbook/pb_person/_person.tsx +1 -1
- data/app/pb_kits/playbook/pb_person_contact/_person_contact.tsx +1 -1
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +1 -1
- data/app/pb_kits/playbook/pb_pill/_pill.tsx +1 -1
- data/app/pb_kits/playbook/pb_popover/_popover.tsx +1 -1
- data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.tsx +1 -1
- data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.tsx +1 -1
- data/app/pb_kits/playbook/pb_progress_step/_progress_step.tsx +1 -1
- data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.tsx +1 -1
- data/app/pb_kits/playbook/pb_radio/_radio.tsx +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +1 -1
- data/app/pb_kits/playbook/pb_section_separator/_section_separator.tsx +1 -1
- data/app/pb_kits/playbook/pb_select/_select.tsx +1 -1
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.tsx +1 -1
- data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.tsx +1 -1
- data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.tsx +1 -1
- data/app/pb_kits/playbook/pb_selectable_list/_item.tsx +1 -1
- data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.tsx +1 -1
- data/app/pb_kits/playbook/pb_source/_source.tsx +1 -1
- data/app/pb_kits/playbook/pb_star_rating/_star_rating.tsx +1 -1
- data/app/pb_kits/playbook/pb_stat_change/_stat_change.tsx +1 -1
- data/app/pb_kits/playbook/pb_stat_value/_stat_value.tsx +1 -1
- data/app/pb_kits/playbook/pb_table/_table.tsx +1 -1
- data/app/pb_kits/playbook/pb_table/_table_row.tsx +1 -1
- data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +1 -1
- data/app/pb_kits/playbook/pb_textarea/_textarea.tsx +1 -1
- data/app/pb_kits/playbook/pb_time/_time.tsx +1 -1
- data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.tsx +1 -1
- data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.tsx +1 -1
- data/app/pb_kits/playbook/pb_timeline/_item.tsx +1 -1
- data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +1 -1
- data/app/pb_kits/playbook/pb_timestamp/_timestamp.tsx +1 -1
- data/app/pb_kits/playbook/pb_title/_title.tsx +1 -1
- data/app/pb_kits/playbook/pb_title_count/_title_count.tsx +1 -1
- data/app/pb_kits/playbook/pb_title_detail/_title_detail.tsx +1 -1
- data/app/pb_kits/playbook/pb_toggle/_toggle.tsx +1 -1
- data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +1 -1
- data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +1 -1
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +1 -1
- data/app/pb_kits/playbook/pb_user/_user.tsx +1 -1
- data/app/pb_kits/playbook/pb_user_badge/_user_badge.tsx +1 -1
- data/app/pb_kits/playbook/pb_walkthrough/_walkthrough.tsx +1 -1
- data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx +1 -1
- data/app/pb_kits/playbook/tokens/exports/exports.d.ts +1 -0
- data/app/pb_kits/playbook/utilities/props.ts +2 -2
- data/dist/menu.yml +240 -168
- data/dist/playbook-rails.js +4 -4
- data/lib/playbook/version.rb +1 -1
- metadata +16 -8
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.html.erb +0 -29
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx +0 -34
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.md +0 -7
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.html.erb +0 -28
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.jsx +0 -34
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.md +0 -1
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 13.13.0.pre.alpha.
|
4
|
+
version: 13.13.0.pre.alpha.play10821726
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2023-12-
|
12
|
+
date: 2023-12-18 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -661,8 +661,11 @@ files:
|
|
661
661
|
- app/pb_kits/playbook/pb_contact/contact.test.js
|
662
662
|
- app/pb_kits/playbook/pb_contact/docs/_contact_default.html.erb
|
663
663
|
- app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx
|
664
|
+
- app/pb_kits/playbook/pb_contact/docs/_contact_default_swift.md
|
665
|
+
- app/pb_kits/playbook/pb_contact/docs/_contact_props_swift.md
|
664
666
|
- app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.html.erb
|
665
667
|
- app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx
|
668
|
+
- app/pb_kits/playbook/pb_contact/docs/_contact_with_detail_swift.md
|
666
669
|
- app/pb_kits/playbook/pb_contact/docs/_description.md
|
667
670
|
- app/pb_kits/playbook/pb_contact/docs/example.yml
|
668
671
|
- app/pb_kits/playbook/pb_contact/docs/index.js
|
@@ -713,15 +716,20 @@ files:
|
|
713
716
|
- app/pb_kits/playbook/pb_date/date.rb
|
714
717
|
- app/pb_kits/playbook/pb_date/docs/_date_alignment.html.erb
|
715
718
|
- app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
|
719
|
+
- app/pb_kits/playbook/pb_date/docs/_date_alignment_swift.md
|
716
720
|
- app/pb_kits/playbook/pb_date/docs/_date_default.html.erb
|
717
721
|
- app/pb_kits/playbook/pb_date/docs/_date_default.jsx
|
722
|
+
- app/pb_kits/playbook/pb_date/docs/_date_default_swift.md
|
723
|
+
- app/pb_kits/playbook/pb_date/docs/_date_props_swift.md
|
718
724
|
- app/pb_kits/playbook/pb_date/docs/_date_timezone.html.erb
|
719
725
|
- app/pb_kits/playbook/pb_date/docs/_date_timezone.md
|
720
726
|
- app/pb_kits/playbook/pb_date/docs/_date_unstyled.html.erb
|
721
727
|
- app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx
|
722
728
|
- app/pb_kits/playbook/pb_date/docs/_date_unstyled.md
|
729
|
+
- app/pb_kits/playbook/pb_date/docs/_date_unstyled_swift.md
|
723
730
|
- app/pb_kits/playbook/pb_date/docs/_date_variants.html.erb
|
724
731
|
- app/pb_kits/playbook/pb_date/docs/_date_variants.jsx
|
732
|
+
- app/pb_kits/playbook/pb_date/docs/_date_variants_swift.md
|
725
733
|
- app/pb_kits/playbook/pb_date/docs/_description.md
|
726
734
|
- app/pb_kits/playbook/pb_date/docs/example.yml
|
727
735
|
- app/pb_kits/playbook/pb_date/docs/index.js
|
@@ -776,12 +784,6 @@ files:
|
|
776
784
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.md
|
777
785
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
|
778
786
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.jsx
|
779
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.html.erb
|
780
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
|
781
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.md
|
782
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.html.erb
|
783
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.jsx
|
784
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.md
|
785
787
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.html.erb
|
786
788
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.md
|
787
789
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.html.erb
|
@@ -1204,14 +1206,19 @@ files:
|
|
1204
1206
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.html.erb
|
1205
1207
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.jsx
|
1206
1208
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.md
|
1209
|
+
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default_swift.md
|
1207
1210
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.html.erb
|
1208
1211
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx
|
1209
1212
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md
|
1213
|
+
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis_swift.md
|
1210
1214
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb
|
1211
1215
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx
|
1212
1216
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md
|
1217
|
+
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link_swift.md
|
1213
1218
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified.html.erb
|
1214
1219
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified.jsx
|
1220
|
+
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified_swift.md
|
1221
|
+
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_props_swift.md
|
1215
1222
|
- app/pb_kits/playbook/pb_home_address_street/docs/example.yml
|
1216
1223
|
- app/pb_kits/playbook/pb_home_address_street/docs/index.js
|
1217
1224
|
- app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb
|
@@ -2619,6 +2626,7 @@ files:
|
|
2619
2626
|
- app/pb_kits/playbook/tokens/exports/_shadows.scss
|
2620
2627
|
- app/pb_kits/playbook/tokens/exports/_spacing.scss
|
2621
2628
|
- app/pb_kits/playbook/tokens/exports/_typography.scss
|
2629
|
+
- app/pb_kits/playbook/tokens/exports/exports.d.ts
|
2622
2630
|
- app/pb_kits/playbook/tokens/index.scss
|
2623
2631
|
- app/pb_kits/playbook/utilities/_background_colors.scss
|
2624
2632
|
- app/pb_kits/playbook/utilities/_border_radius.scss
|
@@ -1,29 +0,0 @@
|
|
1
|
-
<%= pb_rails("date_picker", props: {
|
2
|
-
allow_input: true,
|
3
|
-
custom_quick_pick_dates: {
|
4
|
-
dates: [
|
5
|
-
# Allow Playbook to handle the logic...
|
6
|
-
{
|
7
|
-
label: "Last 15 months",
|
8
|
-
value: {
|
9
|
-
timePeriod: "months",
|
10
|
-
amount: 15,
|
11
|
-
},
|
12
|
-
},
|
13
|
-
# Or, be explicit with an exact date range for more control...
|
14
|
-
{
|
15
|
-
label: "First Week of June 2022",
|
16
|
-
value: ["06/01/2022", "06/07/2022"],
|
17
|
-
},
|
18
|
-
],
|
19
|
-
},
|
20
|
-
end_date_id: "quick-pick-end-date",
|
21
|
-
end_date_name: "quick-pick-end-date",
|
22
|
-
mode: "range",
|
23
|
-
picker_id: "date-picker-quick-pick-custom",
|
24
|
-
placeholder: "mm/dd/yyyy to mm/dd/yyyy",
|
25
|
-
selection_type: "quickpick",
|
26
|
-
start_date_id: "quick-pick-start-date",
|
27
|
-
start_date_name: "quick-pick-start-date"
|
28
|
-
}) %>
|
29
|
-
|
@@ -1,34 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import DatePicker from "../_date_picker"
|
3
|
-
|
4
|
-
const DatePickerQuickPickCustom = (props) => (
|
5
|
-
<>
|
6
|
-
<DatePicker
|
7
|
-
allowInput
|
8
|
-
customQuickPickDates={{
|
9
|
-
dates: [
|
10
|
-
// Allow Playbook to handle the logic...
|
11
|
-
{
|
12
|
-
label: "Last 15 months",
|
13
|
-
value: {
|
14
|
-
timePeriod: "months",
|
15
|
-
amount: 15,
|
16
|
-
},
|
17
|
-
},
|
18
|
-
// Or, be explicit with an exact date range for more control...
|
19
|
-
{
|
20
|
-
label: "First Week of June 2022",
|
21
|
-
value: ["06/01/2022", "06/07/2022"],
|
22
|
-
},
|
23
|
-
],
|
24
|
-
}}
|
25
|
-
mode='range'
|
26
|
-
pickerId='date-picker-quick-pick-custom-override'
|
27
|
-
placeholder='mm/dd/yyyy to mm/dd/yyyy'
|
28
|
-
selectionType='quickpick'
|
29
|
-
{...props}
|
30
|
-
/>
|
31
|
-
</>
|
32
|
-
)
|
33
|
-
|
34
|
-
export default DatePickerQuickPickCustom
|
@@ -1,7 +0,0 @@
|
|
1
|
-
The customQuickPickDates/custom_quick_pick_dates prop allows for the user/dev to define their own quick pick dates.
|
2
|
-
The prop accepts an object with two key/value pairs: dates & override (separate doc example below).
|
3
|
-
|
4
|
-
The dates property accepts an array of objects. Each object in the array has label and value properties. The label is what will be displayed in the UI of the dropdown menu. The value property is just the date that is going to be passed to the datepicker. The value property can be an array of two strings that represent a range, allowing for the dev to be extremely specific. Additionally, the dates array allows for a clean, simple API under that automatically converts dates in a common vernacular.
|
5
|
-
|
6
|
-
The timePeriod property accepts "days", "weeks", "months", "quarters" or "years", representing past time periods.
|
7
|
-
The amount property accepts any number.
|
data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom_override.html.erb
DELETED
@@ -1,28 +0,0 @@
|
|
1
|
-
<%= pb_rails("date_picker", props: {
|
2
|
-
allow_input: true,
|
3
|
-
custom_quick_pick_dates: {
|
4
|
-
override: false,
|
5
|
-
dates: [
|
6
|
-
{
|
7
|
-
label: "Last 15 months",
|
8
|
-
value: {
|
9
|
-
timePeriod: "months",
|
10
|
-
amount: 15,
|
11
|
-
},
|
12
|
-
},
|
13
|
-
{
|
14
|
-
label: "First Week of June 2022",
|
15
|
-
value: ["06/01/2022", "06/07/2022"],
|
16
|
-
},
|
17
|
-
],
|
18
|
-
},
|
19
|
-
end_date_id: "quick-pick-end-date",
|
20
|
-
end_date_name: "quick-pick-end-date",
|
21
|
-
mode: "range",
|
22
|
-
picker_id: "date-picker-quick-pick-override",
|
23
|
-
placeholder: "mm/dd/yyyy to mm/dd/yyyy",
|
24
|
-
selection_type: "quickpick",
|
25
|
-
start_date_id: "quick-pick-start-date",
|
26
|
-
start_date_name: "quick-pick-start-date"
|
27
|
-
}) %>
|
28
|
-
|
@@ -1,34 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import DatePicker from "../_date_picker"
|
3
|
-
|
4
|
-
const DatePickerQuickPickCustomOverride = (props) => (
|
5
|
-
<>
|
6
|
-
<DatePicker
|
7
|
-
allowInput
|
8
|
-
customQuickPickDates={{
|
9
|
-
override: false,
|
10
|
-
dates: [
|
11
|
-
{
|
12
|
-
label: "Last 15 months",
|
13
|
-
value: {
|
14
|
-
timePeriod: "months",
|
15
|
-
amount: 15,
|
16
|
-
},
|
17
|
-
},
|
18
|
-
{
|
19
|
-
label: "First Week of June 2022",
|
20
|
-
value: ["06/01/2022", "06/07/2022"],
|
21
|
-
},
|
22
|
-
],
|
23
|
-
}}
|
24
|
-
marginTop='lg'
|
25
|
-
mode='range'
|
26
|
-
pickerId='date-picker-quick-pick-custom'
|
27
|
-
placeholder='mm/dd/yyyy to mm/dd/yyyy'
|
28
|
-
selectionType='quickpick'
|
29
|
-
{...props}
|
30
|
-
/>
|
31
|
-
</>
|
32
|
-
)
|
33
|
-
|
34
|
-
export default DatePickerQuickPickCustomOverride
|
@@ -1 +0,0 @@
|
|
1
|
-
The customQuickPickDates/custom_quick_pick_dates prop allows for an override boolean. The override allows for the user to completely override the quick pick dates that ship with the component. Default of `override` is set to true. If you would like to simply append your dates to the default quick pick dates, set this prop to false explicitly.
|