Restyle get a quote form to handle flexible packages with no dates

[jeandreidc]

UI Changes

• [x] Add a checkbox in the quotation / inquiry form that allows the user to input a flexible start date
• [x] If my own dates option is checked grey out the pre-defined dates, and show the new date picker
• [x] Display datepicker if custom checkbox is checked, to get the desired start date of the user
• [x] Display a readonly field to display the end date of the trip. Pre-calculated using the no of days from the itinerary

JSON + model Changes

• [x] Add field in travelpackages.json isFlexible to accept boolean values
• [x] Add property field in travelPackageDto.ts to represent the isFlexible field from the json file
• [x] Use this property to determine if the package allows flexible dates and if so, display the flexible dates checkbox

[jeandreidc]

@LeaHaelin Updated the json file and the model with isFlexible field. See PR #72

[LeaHaelin]

isFlexible === true

isFlexible === false

• [x] calculate the travel days from the json date
• [x] disable past date

[jeandreidc]

Hello @LeaHaelin you can use the validation I used for the form using useForm. It's a mantine feature so you could read the docs in mantine

[LeaHaelin]

• [x] Change the checkbox name to "Choose Your Custom Date"
• [x] Add email validation for the travel dates(custom and fixed)

[LeaHaelin]

• "Travel Dates" updates with the user's input in the email submission.