This plugin allows you to pick a date range from a calendar. To choose multiple date ranges, simply put in more calendar elements!
Credits to Scott3 which this plugin is based on.
1. Search for 'Multiple Date Time Range Picker' Plugin and install
2. Go to Settings Tab -> General -> General Appearance -> tick 'Expose the option to add an ID attribute to HTML elements' 3. Insert 'DateTime Range Picker' from 'Visual elements' 4. Place any element that will serve as the 'button' to open calendar (no workflow required) 5. Under step 4's element, set ID attribute(last option in your element window!) to be the same as your 'dateTime Range Picker' element ID field. 6. You're done! You may use the result either as a display or in your workflow.