Pickers modal display plugin

[gselderslaghs]

Proposed changes

Implements a modal display plugin in timepicker and datepicker components

Timepicker example:

document.addEventListener('DOMContentLoaded', function() {
    const timepickerEl = document.querySelector('.timepicker');
    const title = document.createElement('h4');
    title.innerText = 'Select time';

    M.Timepicker.init(timepickerEl, {
        autoSubmit: true,
        showClearBtn: false,
        displayPlugin: 'modal',
        displayPluginOptions: { title }
    });
});

Datepicker example:

document.addEventListener('DOMContentLoaded', function() {
    const datepickerEl = document.querySelector('.datepicker');
    const title = document.createElement('h4');
    title.innerText = 'Select date';

    M.Datepicker.init(datepickerEl, {
        autoSubmit: true,
        showClearBtn: true,
        displayPlugin: 'modal',
        displayPluginOptions: { title }
    });
});

Screenshots (if appropriate) or codepen:

Types of changes

• Bug fix (non-breaking change which fixes an issue).
• New feature (non-breaking change which adds functionality).
• Breaking change (fix or feature that would cause existing functionality to change).

Checklist:

• I have read the CONTRIBUTING document.
• My commit messages follows the conventional commit format
• My change requires a change to the documentation, and updated it accordingly.
• I have added tests to cover my changes.
• All new and existing tests passed.