feat(cardex): implement cardex module with filters, templates, and service integration

src/app/uikit/datepicker/datepicker.component.html

@@ -5,22 +5,10 @@
   [showErrors]="showErrors"
   class="w-full datepicker"
 >
-  <div #wrapper [attr.data-disable]="disabled" [attr.data-name]="name" class="w-full">
-    <input pInputText data-input [attr.placeholder]="placeholder" [name]="name" class="w-full" />
+  <div class="w-full">
+    <div #wrapper [attr.data-disable]="disabled" [attr.data-name]="name" class="w-full">
+      <input pInputText data-input [attr.placeholder]="placeholder" [name]="name" class="w-full" />
+    </div>
+    <div class="flat"></div>
   </div>
-  <div class="flat"></div>
 </uikit-field>
-
-<!--
-
-<div #wrapper class="flex items-center gap-2" data-enable-time="false" data-click-opens="true">
-  <input pInputText class="w-full bg-white text-sm rounded border p-2" data-input [attr.placeholder]="placeholder" />
-
-  <button pButton type="button" class="p-button-text text-gray-500" data-toggle aria-label="toggle">
-    <i class="pi pi-calendar"></i>
-  </button>
-
-  <button pButton type="button" class="p-button-text text-gray-500" data-clear aria-label="clear">
-    <i class="pi pi-times"></i>
-  </button>
-</div> -->

src/app/uikit/datepicker/datepicker.component.ts

@@ -41,11 +41,13 @@ export class UikitFlatpickrJalaliComponent implements OnInit {
   ngOnInit(): void {
     this.fpInstance = flatpickr(this.wrapperRef.nativeElement, {
       ...this.options,
-      now: dayjs().calendar('jalali').format('YYYY/MM/DD'),
+      locale: 'fa',
       altInputClass: 'p-inputtext w-full',
+      dateFormat: 'Y-m-d',
+      altFormat: 'Y-m-d',
       onChange: (selectedDates: Date[], dateStr: string) => {
         this.valueChange.emit(dateStr);
-        if (this.control) this.control.setValue(dateStr);
+        if (this.control) this.control.setValue(dayjs(dateStr).toISOString());
       },
     });
   }