Premium support for our pure JavaScript UI components


Post by artbil »

Hello,

I have a problem using the datePicker with multiSelect set to true. I tried to add :

multiSelect: true

to this example : https://www.bryntum.com/docs/grid/#Core/widget/DatePicker

but apparently this config doesn't do anything. I can't select a range. Can you check and tell me a workaround or where is the error so I can quickly fix it ?

Regards,
Artbil


Post by pmiklashevich »

Please hold Shift button when you select dates. You can try this code in the code snippet

const picker = new DatePicker({
    appendTo          : targetElement,
    width             : '24em',
    multiSelect       : true,
    onSelectionChange : ({ selection }) => {
        Toast.show(` You picked: ${DateHelper.format(selection[0], 'MMM DD')}
            ${selection[1] ? ' - ' + DateHelper.format(selection[1], 'MMM DD') : ''}`);
    }
});

The downside is that the DateField widget does not support showing range of dates. We have a feature request: https://github.com/bryntum/support/issues/1888 Please subscribed to the ticket to get notified when it's done. If you need it faster and you need our help to implement it, please consider professional services. https://www.bryntum.com/services/

Best regards,
Pavel

Pavlo Miklashevych
Sr. Frontend Developer


Post Reply