FOUR-7559: Fixed datepicker input not being responsive

Issue & Reproduction Steps

The date picker component is not responsive as other controls and it doesn't look good on the design the screen.

Expected behavior: The date picker component should be responsive, the same with others controls, the label should be at the top.

Actual behavior: The date picker input is displayed next to its' label either in design mode or in preview mode.

A new class (.datePicker) on the FormDatePicker.vue file was added to the date-picker input. This was done to change the css property: display: inline-block that was causing the issue. The display mode was changed to block to match the other inputs.

Test the steps above

[ ] I have pulled this code locally and tested it on my instance, along with any associated packages.
[ ] This code adheres to ProcessMaker Coding Guidelines.
[ ] This code includes a unit test or an E2E test that tests its functionality, or is covered by an existing test.
[ ] This solution fixes the bug reported in the original ticket.
[ ] This solution does not alter the expected output of a component in a way that would break existing Processes.
[ ] This solution does not implement any breaking changes that would invalidate documentation or cause existing Processes to fail.
[ ] This solution has been tested with enterprise packages that rely on its functionality and does not introduce bugs in those packages.
[ ] This code does not duplicate functionality that already exists in the framework or in ProcessMaker.
[ ] This ticket conforms to the PRD associated with this part of ProcessMaker.