Sha256: 3e73843108bc8b6fad4a68203e985c37a836f31088d733b782ada1f01cfef9bc

Contents?: true

Size: 856 Bytes

Versions: 1272

Compression:

Stored size: 856 Bytes

Contents

import React from "react"
import DatePicker from "../_date_picker"

const DatePickerQuickPickCustom = (props) => (
  <>
   <DatePicker
       allowInput
       customQuickPickDates={{
        dates: [
          // Allow Playbook to handle the logic...
          {
            label: "Last 15 months",
            value: {
              timePeriod: "months",
              amount: 15,
            },
          },
          // Or, be explicit with an exact date range for more control...
          {
            label: "First Week of June 2022",
            value: ["06/01/2022", "06/07/2022"],
          },
        ],
      }}
       mode='range'
       pickerId='date-picker-quick-pick-custom-override'
       placeholder='mm/dd/yyyy to mm/dd/yyyy'
       selectionType='quickpick'
       {...props}
   />
  </>
)

export default DatePickerQuickPickCustom

Version data entries

1,272 entries across 1,272 versions & 2 rubygems

Version Path
playbook_ui-14.11.0.pre.rc.17 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui-14.11.0 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui_docs-14.11.0.pre.rc.16 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui-14.11.0.pre.rc.16 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui_docs-14.10.0.pre.alpha.play16825301 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui-14.10.0.pre.alpha.play16825301 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui_docs-14.11.0.pre.rc.15 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui-14.11.0.pre.rc.15 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui_docs-14.11.0.pre.rc.14 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui-14.11.0.pre.rc.14 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui_docs-14.11.0.pre.rc.13 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui-14.11.0.pre.rc.13 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui_docs-14.11.0.pre.rc.12 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui-14.11.0.pre.rc.12 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui_docs-14.10.0.pre.alpha.PLAY1774timelinelabelstepspacing5274 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui-14.10.0.pre.alpha.PLAY1774timelinelabelstepspacing5274 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui_docs-14.10.0.pre.alpha.play1465attempt25272 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui-14.10.0.pre.alpha.play1465attempt25272 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui_docs-14.10.0.pre.alpha.play16825244 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx
playbook_ui-14.10.0.pre.alpha.play16825244 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_custom.jsx