fix: add DatePicker support for custom Date/Datetime fields in UniInput

Fixes #2669

Custom Date and Datetime fields on the new ticket form were rendering
as plain text inputs instead of proper DatePicker/DateTimePicker
components.

Changes:
- Import DatePicker and DateTimePicker from frappe-ui
- Add handling for 'Date' fieldtype to render DatePicker component
- Add handling for 'Datetime' fieldtype to render DateTimePicker component
- Add date formatting in transValue for proper display

Author: samarth93

desk/src/components/UniInput.vue

@@ -27,7 +27,7 @@
 import { Autocomplete, Link } from "@/components";
 import { APIOptions, Field } from "@/types";
 import { parseApiOptions } from "@/utils";
-import { createResource, FormControl } from "frappe-ui";
+import { createResource, DatePicker, DateTimePicker, dayjs, FormControl } from "frappe-ui";
 import { computed, h } from "vue";
 
 type Value = string | number | boolean;
@@ -81,6 +81,8 @@ const component = computed(() => {
       ],
       size: "sm",
     });
+  } else if (["Date", "Datetime"].includes(props.field.fieldtype)) {
+    return h(props.field.fieldtype === "Date" ? DatePicker : DateTimePicker, {});
   } else {
     return h(FormControl, {
       debounce: 500,
@@ -99,6 +101,8 @@ const apiOptions = createResource({
 const transValue = computed(() => {
   if (props.field.fieldtype === "Check") {
     return props.value ? "Yes" : "No";
+  } else if (props.field.fieldtype === "Date" && props.value) {
+    return dayjs(props.value).format(window.date_format.toUpperCase());
   }
   return props.value;
 });