[New Feature] Add created date functionality

Author: Luizboaventura1

components/Common/Notifications/Toast/index.vue

@@ -22,7 +22,7 @@
 </template>
 
 <script setup lang="ts">
-import type { ToastInterface } from "@/types/Toast/ToastInterface.ts";
+import type { ToastInterface } from "./types/ToastInterface";
 import { ref, onMounted, watch } from "vue";
 
 const props = defineProps<{ toast: ToastInterface; toastStyle?: string }>();

composables/convertTimestampToDate.js

@@ -0,0 +1,11 @@
+export default function convertFirebaseTimestampToDate(input) {
+  if (input instanceof Date) {
+    return input;
+  }
+
+  if (input && typeof input.seconds === "number") {
+    return new Date(input.seconds * 1000);
+  }
+
+  return null
+}

pages/dashboard/frame/components/Kanban/components/EditCard/Date/Calendar/DayButton.vue

@@ -0,0 +1,12 @@
+<template>
+  <button
+  :style="`width: ${props.size}px;height: ${props.size}px;`"
+    class="flex justify-center items-center text-textPrimaryColorF text-sm font-medium rounded-full p-1 transition-colors duration-300"
+  >
+    <slot />
+  </button>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{ size: string }>();
+</script>

pages/dashboard/frame/components/Kanban/components/EditCard/Date/Calendar/LeftArrowButton.vue

@@ -0,0 +1,30 @@
+<template>
+  <button
+    class="flex justify-center items-center rounded-md hover:bg-secondaryColorFHover transition-colors duration-300"
+    :style="`width: ${Number(props.size) + 20}px;height: ${
+      Number(props.size) + 12
+    }px;`"
+  >
+    <svg
+      class="fill-textPrimaryColorF"
+      :style="`width: ${props.size}px;height: ${props.size}px;`"
+      xmlns="http://www.w3.org/2000/svg"
+      version="1.1"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      viewBox="0 0 492.004 492.004"
+      xml:space="preserve"
+    >
+      <g transform="matrix(-1,0,0,1,492.0040588378906,0)">
+        <path
+          d="M382.678 226.804 163.73 7.86C158.666 2.792 151.906 0 144.698 0s-13.968 2.792-19.032 7.86l-16.124 16.12c-10.492 10.504-10.492 27.576 0 38.064L293.398 245.9l-184.06 184.06c-5.064 5.068-7.86 11.824-7.86 19.028 0 7.212 2.796 13.968 7.86 19.04l16.124 16.116c5.068 5.068 11.824 7.86 19.032 7.86s13.968-2.792 19.032-7.86L382.678 265c5.076-5.084 7.864-11.872 7.848-19.088.016-7.244-2.772-14.028-7.848-19.108z"
+          opacity="1"
+          data-original="#000000"
+        ></path>
+      </g>
+    </svg>
+  </button>
+</template>
+
+<script setup lang="ts">
+let props = defineProps<{ size: string }>();
+</script>

pages/dashboard/frame/components/Kanban/components/EditCard/Date/Calendar/RightArrowButton.vue

@@ -0,0 +1,30 @@
+<template>
+  <button
+    class="flex justify-center items-center rounded-md hover:bg-secondaryColorFHover transition-colors duration-300"
+    :style="`width: ${Number(props.size) + 20}px;height: ${
+      Number(props.size) + 12
+    }px;`"
+  >
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      version="1.1"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      viewBox="0 0 492.004 492.004"
+      xml:space="preserve"
+      class="fill-textPrimaryColorF"
+      :style="`width: ${props.size}px;height: ${props.size}px;`"
+    >
+      <g>
+        <path
+          d="M382.678 226.804 163.73 7.86C158.666 2.792 151.906 0 144.698 0s-13.968 2.792-19.032 7.86l-16.124 16.12c-10.492 10.504-10.492 27.576 0 38.064L293.398 245.9l-184.06 184.06c-5.064 5.068-7.86 11.824-7.86 19.028 0 7.212 2.796 13.968 7.86 19.04l16.124 16.116c5.068 5.068 11.824 7.86 19.032 7.86s13.968-2.792 19.032-7.86L382.678 265c5.076-5.084 7.864-11.872 7.848-19.088.016-7.244-2.772-14.028-7.848-19.108z"
+          opacity="1"
+          data-original="#000000"
+        ></path>
+      </g>
+    </svg>
+  </button>
+</template>
+
+<script setup lang="ts">
+let props = defineProps<{ size: string }>();
+</script>