Sha256: f52d64577fa0f1c1a1708690c25edfb7b5ead0ef63e3047afda0f3b3a810f861

Contents?: true

Size: 1.27 KB

Versions: 580

Compression:

Stored size: 1.27 KB

Contents

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

const DatePickerQuickPickDefaultDate = (props) => (
    <>
        <DatePicker
            allowInput
            defaultDate="This month"
            mode="range"
            pickerId="quick-pick-default-date"
            placeholder="mm/dd/yyyy to mm/dd/yyyy"
            selectionType="quickpick"
            {...props}
        />

        <DatePicker
            allowInput
            customQuickPickDates={{
                dates: [
                    {
                        label: "Last 15 months",
                        value: {
                            timePeriod: "months",
                            amount: 15,
                        },
                    },
                    {
                        label: "First Week of June 2022",
                        value: ["06/01/2022", "06/07/2022"],
                    },
                ],
            }}
            defaultDate="First Week of June 2022"
            label="Custom Date Picker"
            mode="range"
            pickerId="custom-quick-pick-default-date"
            placeholder="mm/dd/yyyy to mm/dd/yyyy"
            selectionType="quickpick"
            {...props}
        />
    </>
)

export default DatePickerQuickPickDefaultDate

Version data entries

580 entries across 580 versions & 2 rubygems

Version Path
playbook_ui_docs-14.15.0.pre.alpha.play1907passglobalpropstotooltiprails6706 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui-14.15.0.pre.alpha.play1907passglobalpropstotooltiprails6706 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui_docs-14.16.0.pre.rc.3 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui-14.16.0.pre.rc.3 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui_docs-14.15.0.pre.alpha.PBNTR617addgriddisplayglobalprop6700 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui-14.15.0.pre.alpha.PBNTR617addgriddisplayglobalprop6700 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui_docs-14.15.0.pre.alpha.play1910emptystatekitreactbeta6685 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui-14.15.0.pre.alpha.play1910emptystatekitreactbeta6685 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui_docs-14.15.0.pre.alpha.play1757pbcontenttag6677 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui-14.15.0.pre.alpha.play1757pbcontenttag6677 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui_docs-14.15.0.pre.alpha.PLAY1756pbcontenttagpt76661 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui-14.15.0.pre.alpha.PLAY1756pbcontenttagpt76661 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui_docs-14.15.0.pre.alpha.play1757pbcontenttag6658 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui-14.15.0.pre.alpha.play1757pbcontenttag6658 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui_docs-14.15.0.pre.alpha.play1757pbcontenttag6644 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui-14.15.0.pre.alpha.play1757pbcontenttag6644 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui_docs-14.15.0.pre.alpha.PLAY1871speedupvitebuildwatch6643 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui-14.15.0.pre.alpha.PLAY1871speedupvitebuildwatch6643 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui_docs-14.16.0.pre.rc.2 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx
playbook_ui-14.16.0.pre.rc.2 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx