playbook_ui_docs 12.25.0.pre.alpha.railsmultilevelimprovements785 → 12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown794

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 2737ce30ca3cb270e8e3f6a2f9eafd78b76b07436b9d0337f2b235595b7b95f7
4
- data.tar.gz: 44de39157e02ee1fd45ec9bb1e148288b63347ae020830ea6c98f92e72eded81
3
+ metadata.gz: 9fffa55a0f5e4c4db77d4a245496ad3d51f50348e9df9cf77ef818bf13ceeefc
4
+ data.tar.gz: 4f51b26089068836ce20a1f15b4432a0169d978205a3373bfba4bd6e2d4ef32d
5
5
  SHA512:
6
- metadata.gz: d0c6d6e42d65dc939eb7190950432e516b19243d370bc8bef979f4011403ba4691c16d3303fda169c0d8eb1d4e7a73295b79ef46352c5920d3333ed486e622d8
7
- data.tar.gz: da62f5d968a51fcedafe6d221371a416c48c8926c129c30276455673ca201088a68d1ffd2d5bab2a0493a3ca81cc583298e339fc92c974efa05b3b9be17c1963
6
+ metadata.gz: ec1478abb359ed07957f057b48f7a865061ced8bd4f91236b4888b387949f85d00d324c20f851f7062f4032d2a69fe14e97a04c23232fbdabb5187b0a185dc89
7
+ data.tar.gz: 9afba807e1508ab01aaf98e4d55bfae41fec7811b74ac462c660943a44eb53b7cb295087ae5004211d7e35b8e5630ccb703603cd984bd9f57d740cc7b7e765af
@@ -0,0 +1,8 @@
1
+ <%= pb_rails("date_picker", props: {
2
+ allow_input: true,
3
+ mode: "range",
4
+ picker_id: "date-picker-quick-pick",
5
+ placeholder: "mm/dd/yyyy → mm/dd/yyyy",
6
+ selection_type: "quickpick"
7
+ }) %>
8
+
@@ -0,0 +1,18 @@
1
+ import React from 'react'
2
+
3
+ import DatePicker from '../_date_picker'
4
+
5
+ const DatePickerQuickPick = (props) => (
6
+ <div>
7
+ <DatePicker
8
+ allowInput
9
+ mode="range"
10
+ pickerId="date-picker-quick-pick"
11
+ placeholder="mm/dd/yyyy → mm/dd/yyyy"
12
+ selectionType="quickpick"
13
+ {...props}
14
+ />
15
+ </div>
16
+ )
17
+
18
+ export default DatePickerQuickPick
@@ -8,6 +8,7 @@ examples:
8
8
  - date_picker_input: Input Field
9
9
  - date_picker_label: Label
10
10
  - date_picker_range: Range
11
+ - date_picker_quick_pick: Range (Quick Pick)
11
12
  - date_picker_format: Format
12
13
  - date_picker_disabled: Disabled Dates
13
14
  - date_picker_min_max: Min Max
@@ -33,6 +34,7 @@ examples:
33
34
  - date_picker_on_change: onChange
34
35
  - date_picker_on_close: onClose
35
36
  - date_picker_range: Range
37
+ - date_picker_quick_pick: Range (Quick Pick)
36
38
  - date_picker_format: Format
37
39
  - date_picker_disabled: Disabled Dates
38
40
  - date_picker_min_max: Min Max
@@ -19,4 +19,5 @@ 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 DatePickerOnClose } from './_date_picker_on_close.jsx'
22
+ export { default as DatePickerQuickPick } from './_date_picker_quick_pick'
23
+ export { default as DatePickerOnClose } from './_date_picker_on_close.jsx'
@@ -64,6 +64,7 @@
64
64
  ],
65
65
  }] %>
66
66
 
67
+
67
68
  <%= pb_rails("multi_level_select", props: {
68
69
  id: "parent-persistence-multi-level-select",
69
70
  tree_data:treeData,
@@ -2,7 +2,6 @@ examples:
2
2
  rails:
3
3
  - multi_level_select_default: Default
4
4
  - multi_level_select_return_all_selected: Return All Selected
5
- - multi_level_select_with_form: With Form
6
5
 
7
6
  react:
8
7
  - multi_level_select_default: Default