Nc feat/new date time cell UI (#8546)

* feat(nc-gui): new date picker setup

* feat(nc-gui): new date picker

* fix(nc-gui): date cell form view validation issue

* fix(nc-gui): disable date cell type support in mobile view

* fix(nc-gui): small changes

* feat(nc-gui): new cell year and month picker

* fix(nc-gui): add updated date time picker setup

* feat: update date time cell picker

* fix(nc-gui): add now option in time picker

* fix(nc-gui): small changes

* fix(nc-gui): add support to update month, year from date picker

* fix(nc-gui): update date picker select mont/year flow

* fix(test): date selector test case

* fix(nc-gui): update dateTime cell time picker

* fix(test): update time picker test case

* chore(nc-gui): lint

* fix(nc-gui): invalid date issue

* fix(nc-gui): date time picker tab issue

* fix(nc-gui): year cell test fail issue

* fix(nc-gui): date picker filter test fail issue

* fix(test): survey form test fail issue

* fix(test): update year field fill handler test case

* fix(test): update bulk update test

* fix(nc-gui): datetime multiple api call issue

* fix(test): update timezone related test

* fix(test): timezone related test update

* fix(nc-gui): tab focus issue

* fix(test): filter datetime test udpate

* fix(test): ai review changes

* fix(nc-gui): date picker font weight issue

* fix(nc-gui): update year picker font weight

* fix(nc-gui): show full date from date time cell instead of truncate

* fix(nc-gui): date time picker ui changes

* fix(nc-gui): date time cell width issue

* fix(nc-gui): update datetime time option width according to time format

* fix(nc-gui): disable datetime input if cell is readonly

* fic(nc-gui): add new time picker

* feat(nc-gui): update time picker

* chore(nc-gui): cleanup unwanted code

* fix(test): update time cell test cases

* fix(nc-gui): multiple api calls

* fix(test): update time cell filter & bulk update test cases

* fix(test): revert unrelated changes

* fix(nc-gui): pr review changes

* fix(nc-gui): add clear datetime cell icon in non grid view

tests/playwright/tests/db/columns/columnDateTime.spec.ts

@@ -45,6 +45,7 @@ const dateTimeData = [
     hour: 4,
     minute: 30,
     output: '10-12-2022 04:30',
+    selectFromPicker: true,
   },
   {
     dateFormat: 'DD-MM-YYYY',
@@ -122,16 +123,20 @@ test.describe('DateTime Column', () => {
 
       await dashboard.grid.cell.dateTime.selectDate({
         date: dateTimeData[i].date,
+        index: 0,
+        columnHeader: 'NC_DATETIME_0',
       });
 
       await dashboard.grid.cell.dateTime.selectTime({
+        index: 0,
+        columnHeader: 'NC_DATETIME_0',
         hour: dateTimeData[i].hour,
         minute: dateTimeData[i].minute,
         second: dateTimeData[i].second,
+        fillValue: dateTimeData[i].output.split(' ')[1].trim(),
+        selectFromPicker: !!dateTimeData[i].selectFromPicker,
       });
 
-      await dashboard.grid.cell.dateTime.save();
-
       await dashboard.grid.cell.verifyDateCell({
         index: 0,
         columnHeader: 'NC_DATETIME_0',
@@ -182,6 +187,8 @@ test.describe('Date Column', () => {
       await dashboard.grid.cell.dateTime.selectDate({
         date: dateData[i].date,
         skipDate: dateData[i].dateFormat === 'YYYY-MM',
+        index: 0,
+        columnHeader: 'NC_DATE_0',
       });
 
       await dashboard.grid.cell.verifyDateCell({