diff --git a/src/pages/Worker/Card/WorkerDateLabel.vue b/src/pages/Worker/Card/WorkerDateLabel.vue
new file mode 100644
index 000000000..e087ccf72
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerDateLabel.vue
@@ -0,0 +1,40 @@
+<script setup>
+defineProps({
+    color: {
+        type: String,
+        default: null,
+    },
+    avatarClass: {
+        type: String,
+        default: null,
+    },
+    selected: {
+        type: Boolean,
+        default: undefined,
+    },
+});
+defineEmits(['update:selected']);
+</script>
+
+<template>
+    <QChip
+        class="chip"
+        :selected="selected"
+        :style="selected ? { backgroundColor: color } : null"
+        :text-color="selected ? 'white' : null"
+        @update:selected="$emit('update:selected', $event)"
+    >
+        <QAvatar
+            :color="color"
+            :class="avatarClass"
+            :style="{ backgroundColor: color }"
+        />
+        <slot />
+    </QChip>
+</template>
+
+<style scoped lang="scss">
+.chip {
+    background-color: var(--vn-light-gray);
+}
+</style>