toggle button added for time selection and date selection in date pic…

…ker widget, related to ToolJet#3576 (ToolJet#4255)

* toggle button added for time selection and date selection in date picker widget, related to ToolJet#3576

* Added validation for toggle values

Added validation for toggle values for enableTime and enableDate

docs/docs/widgets/datepicker.md

@@ -38,11 +38,11 @@ The format of the date selected by the date picker. Default date format is **DD/
 
 ### Enable time selection?
 
-Allows to select time if enabled. Time selection is disabled by default. This field requires a boolean value: `{{true}}` or `{{false}}`.
+Toggle on or off to enable the time selection. You can programmatically determine the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}`.
 
 ### Enable date selection?
 
-Allows to select date if enabled. Date selection is enabled by default. This field requires a boolean value: `{{true}}` or `{{false}}`.
+Toggle on or off to enable the date selection. You can programmatically determine the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}`.
 
 ## Validation
 

frontend/src/Editor/WidgetManager/widgetConfig.js

@@ -1226,17 +1226,19 @@ export const widgets = [
         },
       },
       enableTime: {
-        type: 'code',
+        type: 'toggle',
         displayName: 'Enable time selection?',
         validation: {
           schema: { type: 'boolean' },
+          defaultValue: false,
         },
       },
       enableDate: {
-        type: 'code',
+        type: 'toggle',
         displayName: 'Enable date selection?',
         validation: {
           schema: { type: 'boolean' },
+          defaultValue: true,
         },
       },
       disabledDates: {