@neutron.co.id/operasional-interfaces 1.8.0 → 1.8.1

package/build/index.cjs

@@ -15,6 +15,13 @@ const code = require("@neon.id/utils/code");
 const vue$1 = require("@urql/vue");
 const dateFns = require("date-fns");
 const vCalendar = require("v-calendar");
+const dayjs = require("dayjs/esm/index.js");
+require("dayjs/esm/locale/en.js");
+require("dayjs/esm/locale/id.js");
+const advancedFormat = require("dayjs/esm/plugin/advancedFormat/index.js");
+const durationPlugin = require("dayjs/esm/plugin/duration/index.js");
+const isoWeek = require("dayjs/esm/plugin/isoWeek/index.js");
+const relativeTimePlugin = require("dayjs/esm/plugin/relativeTime/index.js");
 const tempatModels = require("@neutron.co.id/tempat-models");
 const core = require("@vueuse/core");
 const office = require("@neon.id/office");
@@ -22,6 +29,7 @@ const pinia = require("pinia");
 const vueRouter = require("vue-router");
 const component = require("@neon.id/utils/component");
 const Scanner = require("qr-scanner");
+const mitt = require("mitt");
 const personaliaModels = require("@neutron.co.id/personalia-models");
 const catatInterfaces = require("@neon.id/catat-interfaces");
 const _hoisted_1$m = { class: "xxx-button" };
@@ -404,221 +412,17 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-355c8370"]]);
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+dayjs.extend(durationPlugin);
+dayjs.extend(relativeTimePlugin);
+dayjs.extend(advancedFormat);
+dayjs.extend(isoWeek);
+dayjs.locale("id");
+class DateUtil {
+  static get day() {
+    return dayjs;
+  }
 }
-var dayjs_min = { exports: {} };
-(function(module2, exports2) {
-  !function(t, e) {
-    module2.exports = e();
-  }(commonjsGlobal, function() {
-    var t = 1e3, e = 6e4, n = 36e5, r = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", f = "month", h = "quarter", c = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
-      var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
-      return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
-    } }, m = function(t2, e2, n2) {
-      var r2 = String(t2);
-      return !r2 || r2.length >= e2 ? t2 : "" + Array(e2 + 1 - r2.length).join(n2) + t2;
-    }, v = { s: m, z: function(t2) {
-      var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r2 = Math.floor(n2 / 60), i2 = n2 % 60;
-      return (e2 <= 0 ? "+" : "-") + m(r2, 2, "0") + ":" + m(i2, 2, "0");
-    }, m: function t2(e2, n2) {
-      if (e2.date() < n2.date())
-        return -t2(n2, e2);
-      var r2 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r2, f), s2 = n2 - i2 < 0, u2 = e2.clone().add(r2 + (s2 ? -1 : 1), f);
-      return +(-(r2 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
-    }, a: function(t2) {
-      return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
-    }, p: function(t2) {
-      return { M: f, y: c, w: o, d: a, D: d, h: u, m: s, s: i, ms: r, Q: h }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
-    }, u: function(t2) {
-      return void 0 === t2;
-    } }, g = "en", D = {};
-    D[g] = M;
-    var p = function(t2) {
-      return t2 instanceof _;
-    }, S = function t2(e2, n2, r2) {
-      var i2;
-      if (!e2)
-        return g;
-      if ("string" == typeof e2) {
-        var s2 = e2.toLowerCase();
-        D[s2] && (i2 = s2), n2 && (D[s2] = n2, i2 = s2);
-        var u2 = e2.split("-");
-        if (!i2 && u2.length > 1)
-          return t2(u2[0]);
-      } else {
-        var a2 = e2.name;
-        D[a2] = e2, i2 = a2;
-      }
-      return !r2 && i2 && (g = i2), i2 || !r2 && g;
-    }, w = function(t2, e2) {
-      if (p(t2))
-        return t2.clone();
-      var n2 = "object" == typeof e2 ? e2 : {};
-      return n2.date = t2, n2.args = arguments, new _(n2);
-    }, O = v;
-    O.l = S, O.i = p, O.w = function(t2, e2) {
-      return w(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
-    };
-    var _ = function() {
-      function M2(t2) {
-        this.$L = S(t2.locale, null, true), this.parse(t2);
-      }
-      var m2 = M2.prototype;
-      return m2.parse = function(t2) {
-        this.$d = function(t3) {
-          var e2 = t3.date, n2 = t3.utc;
-          if (null === e2)
-            return /* @__PURE__ */ new Date(NaN);
-          if (O.u(e2))
-            return /* @__PURE__ */ new Date();
-          if (e2 instanceof Date)
-            return new Date(e2);
-          if ("string" == typeof e2 && !/Z$/i.test(e2)) {
-            var r2 = e2.match($);
-            if (r2) {
-              var i2 = r2[2] - 1 || 0, s2 = (r2[7] || "0").substring(0, 3);
-              return n2 ? new Date(Date.UTC(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2)) : new Date(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2);
-            }
-          }
-          return new Date(e2);
-        }(t2), this.$x = t2.x || {}, this.init();
-      }, m2.init = function() {
-        var t2 = this.$d;
-        this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
-      }, m2.$utils = function() {
-        return O;
-      }, m2.isValid = function() {
-        return !(this.$d.toString() === l);
-      }, m2.isSame = function(t2, e2) {
-        var n2 = w(t2);
-        return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
-      }, m2.isAfter = function(t2, e2) {
-        return w(t2) < this.startOf(e2);
-      }, m2.isBefore = function(t2, e2) {
-        return this.endOf(e2) < w(t2);
-      }, m2.$g = function(t2, e2, n2) {
-        return O.u(t2) ? this[e2] : this.set(n2, t2);
-      }, m2.unix = function() {
-        return Math.floor(this.valueOf() / 1e3);
-      }, m2.valueOf = function() {
-        return this.$d.getTime();
-      }, m2.startOf = function(t2, e2) {
-        var n2 = this, r2 = !!O.u(e2) || e2, h2 = O.p(t2), l2 = function(t3, e3) {
-          var i2 = O.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
-          return r2 ? i2 : i2.endOf(a);
-        }, $2 = function(t3, e3) {
-          return O.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
-        }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
-        switch (h2) {
-          case c:
-            return r2 ? l2(1, 0) : l2(31, 11);
-          case f:
-            return r2 ? l2(1, M3) : l2(0, M3 + 1);
-          case o:
-            var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
-            return l2(r2 ? m3 - D2 : m3 + (6 - D2), M3);
-          case a:
-          case d:
-            return $2(v2 + "Hours", 0);
-          case u:
-            return $2(v2 + "Minutes", 1);
-          case s:
-            return $2(v2 + "Seconds", 2);
-          case i:
-            return $2(v2 + "Milliseconds", 3);
-          default:
-            return this.clone();
-        }
-      }, m2.endOf = function(t2) {
-        return this.startOf(t2, false);
-      }, m2.$set = function(t2, e2) {
-        var n2, o2 = O.p(t2), h2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = h2 + "Date", n2[d] = h2 + "Date", n2[f] = h2 + "Month", n2[c] = h2 + "FullYear", n2[u] = h2 + "Hours", n2[s] = h2 + "Minutes", n2[i] = h2 + "Seconds", n2[r] = h2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
-        if (o2 === f || o2 === c) {
-          var y2 = this.clone().set(d, 1);
-          y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
-        } else
-          l2 && this.$d[l2]($2);
-        return this.init(), this;
-      }, m2.set = function(t2, e2) {
-        return this.clone().$set(t2, e2);
-      }, m2.get = function(t2) {
-        return this[O.p(t2)]();
-      }, m2.add = function(r2, h2) {
-        var d2, l2 = this;
-        r2 = Number(r2);
-        var $2 = O.p(h2), y2 = function(t2) {
-          var e2 = w(l2);
-          return O.w(e2.date(e2.date() + Math.round(t2 * r2)), l2);
-        };
-        if ($2 === f)
-          return this.set(f, this.$M + r2);
-        if ($2 === c)
-          return this.set(c, this.$y + r2);
-        if ($2 === a)
-          return y2(1);
-        if ($2 === o)
-          return y2(7);
-        var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r2 * M3;
-        return O.w(m3, this);
-      }, m2.subtract = function(t2, e2) {
-        return this.add(-1 * t2, e2);
-      }, m2.format = function(t2) {
-        var e2 = this, n2 = this.$locale();
-        if (!this.isValid())
-          return n2.invalidDate || l;
-        var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = O.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, f2 = n2.months, h2 = function(t3, n3, i3, s3) {
-          return t3 && (t3[n3] || t3(e2, r2)) || i3[n3].slice(0, s3);
-        }, c2 = function(t3) {
-          return O.s(s2 % 12 || 12, t3, "0");
-        }, d2 = n2.meridiem || function(t3, e3, n3) {
-          var r3 = t3 < 12 ? "AM" : "PM";
-          return n3 ? r3.toLowerCase() : r3;
-        }, $2 = { YY: String(this.$y).slice(-2), YYYY: O.s(this.$y, 4, "0"), M: a2 + 1, MM: O.s(a2 + 1, 2, "0"), MMM: h2(n2.monthsShort, a2, f2, 3), MMMM: h2(f2, a2), D: this.$D, DD: O.s(this.$D, 2, "0"), d: String(this.$W), dd: h2(n2.weekdaysMin, this.$W, o2, 2), ddd: h2(n2.weekdaysShort, this.$W, o2, 3), dddd: o2[this.$W], H: String(s2), HH: O.s(s2, 2, "0"), h: c2(1), hh: c2(2), a: d2(s2, u2, true), A: d2(s2, u2, false), m: String(u2), mm: O.s(u2, 2, "0"), s: String(this.$s), ss: O.s(this.$s, 2, "0"), SSS: O.s(this.$ms, 3, "0"), Z: i2 };
-        return r2.replace(y, function(t3, e3) {
-          return e3 || $2[t3] || i2.replace(":", "");
-        });
-      }, m2.utcOffset = function() {
-        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, m2.diff = function(r2, d2, l2) {
-        var $2, y2 = O.p(d2), M3 = w(r2), m3 = (M3.utcOffset() - this.utcOffset()) * e, v2 = this - M3, g2 = O.m(this, M3);
-        return g2 = ($2 = {}, $2[c] = g2 / 12, $2[f] = g2, $2[h] = g2 / 3, $2[o] = (v2 - m3) / 6048e5, $2[a] = (v2 - m3) / 864e5, $2[u] = v2 / n, $2[s] = v2 / e, $2[i] = v2 / t, $2)[y2] || v2, l2 ? g2 : O.a(g2);
-      }, m2.daysInMonth = function() {
-        return this.endOf(f).$D;
-      }, m2.$locale = function() {
-        return D[this.$L];
-      }, m2.locale = function(t2, e2) {
-        if (!t2)
-          return this.$L;
-        var n2 = this.clone(), r2 = S(t2, e2, true);
-        return r2 && (n2.$L = r2), n2;
-      }, m2.clone = function() {
-        return O.w(this.$d, this);
-      }, m2.toDate = function() {
-        return new Date(this.valueOf());
-      }, m2.toJSON = function() {
-        return this.isValid() ? this.toISOString() : null;
-      }, m2.toISOString = function() {
-        return this.$d.toISOString();
-      }, m2.toString = function() {
-        return this.$d.toUTCString();
-      }, M2;
-    }(), T = _.prototype;
-    return w.prototype = T, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", f], ["$y", c], ["$D", d]].forEach(function(t2) {
-      T[t2[1]] = function(e2) {
-        return this.$g(e2, t2[0], t2[1]);
-      };
-    }), w.extend = function(t2, e2) {
-      return t2.$i || (t2(e2, _, w), t2.$i = true), w;
-    }, w.locale = S, w.isDayjs = p, w.unix = function(t2) {
-      return w(1e3 * t2);
-    }, w.en = D[g], w.Ls = D, w.p = {}, w;
-  });
-})(dayjs_min);
-var dayjs_minExports = dayjs_min.exports;
-const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
-const _withScopeId$3 = (n) => (vue.pushScopeId("data-v-3cf0c9ae"), n = n(), vue.popScopeId(), n);
+const _withScopeId$3 = (n) => (vue.pushScopeId("data-v-805321b9"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$k = {
   key: 0,
   class: "input-loading"
@@ -630,7 +434,7 @@ const _hoisted_2$f = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.cr
   -1
   /* HOISTED */
 ));
-const _hoisted_3$9 = [
+const _hoisted_3$8 = [
   _hoisted_2$f
 ];
 const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
@@ -653,13 +457,13 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     const internalValue = vue.computed(() => {
-      const newDate = dayjs(props.modelValue || void 0);
+      const newDate = DateUtil.day(props.modelValue || void 0);
       return newDate.second(0).millisecond(0).toISOString();
     });
     function onUpdate(newValue) {
       if (props.isDisabled)
         return;
-      let newDate = dayjs(newValue);
+      let newDate = DateUtil.day(newValue);
       newDate = newDate.second(0).millisecond(0);
       emit("update:modelValue", newDate.toISOString());
     }
@@ -670,7 +474,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(["neon-time", { "is-disabled": __props.isDisabled }])
         },
         [
-          __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, _hoisted_3$9)) : (vue.openBlock(), vue.createBlock(vue.unref(vCalendar.DatePicker), vue.mergeProps({
+          __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, _hoisted_3$8)) : (vue.openBlock(), vue.createBlock(vue.unref(vCalendar.DatePicker), vue.mergeProps({
             key: 1,
             "model-value": internalValue.value
           }, {
@@ -692,9 +496,9 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NeonTime_vue_vue_type_style_index_0_scoped_3cf0c9ae_lang = "";
+const NeonTime_vue_vue_type_style_index_0_scoped_805321b9_lang = "";
 const NeonTime_vue_vue_type_style_index_1_lang = "";
-const NeonTime = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-3cf0c9ae"]]);
+const NeonTime = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-805321b9"]]);
 const CheckInModel = tempatModels.models.CheckInModel;
 const useOperasionalStore = pinia.defineStore("neu:operasional", () => {
   const isLoading = vue.ref(false);
@@ -818,29 +622,13 @@ function withOperasional() {
     store.setStaff(items[0]);
   }
 }
-function mitt(n) {
-  return { all: n = n || /* @__PURE__ */ new Map(), on: function(t, e) {
-    var i = n.get(t);
-    i ? i.push(e) : n.set(t, [e]);
-  }, off: function(t, e) {
-    var i = n.get(t);
-    i && (e ? i.splice(i.indexOf(e) >>> 0, 1) : n.set(t, []));
-  }, emit: function(t, e) {
-    var i = n.get(t);
-    i && i.slice().map(function(n2) {
-      n2(e);
-    }), (i = n.get("*")) && i.slice().map(function(n2) {
-      n2(t, e);
-    });
-  } };
-}
 const bus = mitt();
 const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-ee60c24a"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$j = { id: "view-checkIns" };
 const _hoisted_2$e = { class: "summary" };
-const _hoisted_3$8 = { class: "wrapper" };
-const _hoisted_4$5 = { class: "header" };
-const _hoisted_5$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_3$7 = { class: "wrapper" };
+const _hoisted_4$4 = { class: "header" };
+const _hoisted_5$3 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode(
   "div",
   { class: "start" },
   [
@@ -850,7 +638,7 @@ const _hoisted_5$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.cr
   -1
   /* HOISTED */
 ));
-const _hoisted_6$3 = { class: "end" };
+const _hoisted_6$2 = { class: "end" };
 const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "CheckInPresenceCollection"
@@ -1161,7 +949,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
             ])
           ]),
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_3$8, [
+            vue.createElementVNode("div", _hoisted_3$7, [
               vue.createVNode(vue.unref(context.NeonCollectionContext), {
                 definition: "neu:tempat:checkIn",
                 scope: "_checkIns",
@@ -1176,9 +964,9 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                 "is-main": ""
               }, {
                 default: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_4$5, [
-                    _hoisted_5$4,
-                    vue.createElementVNode("div", _hoisted_6$3, [
+                  vue.createElementVNode("div", _hoisted_4$4, [
+                    _hoisted_5$3,
+                    vue.createElementVNode("div", _hoisted_6$2, [
                       vue.createVNode(vue.unref(office.OfficeCollectionQuery), { displays: ["table"] }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeCollectionOperation), { "is-main": "" })
@@ -1556,8 +1344,8 @@ const _hoisted_2$c = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.crea
   -1
   /* HOISTED */
 ));
-const _hoisted_3$7 = ["onClick"];
-const _hoisted_4$4 = { class: "mr-2 text-sm" };
+const _hoisted_3$6 = ["onClick"];
+const _hoisted_4$3 = { class: "mr-2 text-sm" };
 const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanner",
   emits: ["start", "stop", "scanned", "close"],
@@ -1711,7 +1499,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
                     }, [
                       vue.createElementVNode(
                         "div",
-                        _hoisted_4$4,
+                        _hoisted_4$3,
                         vue.toDisplayString(currentCamera.value),
                         1
                         /* TEXT */
@@ -1722,7 +1510,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
                         size: "sm",
                         "is-disabled": !canSwitch.value
                       }, null, 8, ["is-disabled"])
-                    ], 8, _hoisted_3$7)
+                    ], 8, _hoisted_3$6)
                   ])
                 ],
                 2
@@ -4119,9 +3907,9 @@ const SubmissionFollowUp_vue_vue_type_style_index_0_scoped_6fd14e52_lang = "";
 const SubmissionFollowUp = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-6fd14e52"]]);
 const _hoisted_1$9 = { class: "flex flex-wrap" };
 const _hoisted_2$8 = { class: "mt-2" };
-const _hoisted_3$6 = { class: "mt-2" };
-const _hoisted_4$3 = { class: "mt-2" };
-const _hoisted_5$3 = { class: "mt-2" };
+const _hoisted_3$5 = { class: "mt-2" };
+const _hoisted_4$2 = { class: "mt-2" };
+const _hoisted_5$2 = { class: "mt-2" };
 const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionAudit",
   setup(__props) {
@@ -4249,7 +4037,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                           })) : vue.createCommentVNode("v-if", true)
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_3$6, [
+                        vue.createElementVNode("div", _hoisted_3$5, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -4271,7 +4059,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                           })) : vue.createCommentVNode("v-if", true)
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_4$3, [
+                        vue.createElementVNode("div", _hoisted_4$2, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -4293,7 +4081,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                           })) : vue.createCommentVNode("v-if", true)
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_5$3, [
+                        vue.createElementVNode("div", _hoisted_5$2, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -4474,7 +4262,7 @@ const SubmissionAudit_vue_vue_type_style_index_0_scoped_7ee6c6b9_lang = "";
 const SubmissionAudit = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-7ee6c6b9"]]);
 const _hoisted_1$8 = { class: "flex flex-wrap" };
 const _hoisted_2$7 = { class: "mt-2" };
-const _hoisted_3$5 = { class: "mt-2" };
+const _hoisted_3$4 = { class: "mt-2" };
 const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionDecision",
   setup(__props) {
@@ -4605,7 +4393,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
                           })) : vue.createCommentVNode("v-if", true)
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_3$5, [
+                        vue.createElementVNode("div", _hoisted_3$4, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => {
                               var _a2, _b;
@@ -4789,7 +4577,7 @@ const SubmissionDecision_vue_vue_type_style_index_0_scoped_ec347ac5_lang = "";
 const SubmissionDecision = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-ec347ac5"]]);
 const _hoisted_1$7 = { class: "flex flex-wrap" };
 const _hoisted_2$6 = { class: "mt-2" };
-const _hoisted_3$4 = { class: "mt-2" };
+const _hoisted_3$3 = { class: "mt-2" };
 const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionWaitingDecision",
   setup(__props) {
@@ -4922,7 +4710,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                           })) : vue.createCommentVNode("v-if", true)
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_3$4, [
+                        vue.createElementVNode("div", _hoisted_3$3, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => {
                               var _a2, _b;
@@ -6534,194 +6322,9 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
 });
 const ProgressCollection_vue_vue_type_style_index_0_scoped_2634660f_lang = "";
 const ProgressCollection = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-2634660f"]]);
-var duration = { exports: {} };
-(function(module2, exports2) {
-  !function(t, s) {
-    module2.exports = s();
-  }(commonjsGlobal, function() {
-    var t, s, n = 1e3, i = 6e4, e = 36e5, r = 864e5, o = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, u = 31536e6, h = 2592e6, a = /^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/, d = { years: u, months: h, days: r, hours: e, minutes: i, seconds: n, milliseconds: 1, weeks: 6048e5 }, c = function(t2) {
-      return t2 instanceof g;
-    }, f = function(t2, s2, n2) {
-      return new g(t2, n2, s2.$l);
-    }, l = function(t2) {
-      return s.p(t2) + "s";
-    }, m = function(t2) {
-      return t2 < 0;
-    }, $ = function(t2) {
-      return m(t2) ? Math.ceil(t2) : Math.floor(t2);
-    }, y = function(t2) {
-      return Math.abs(t2);
-    }, v = function(t2, s2) {
-      return t2 ? m(t2) ? { negative: true, format: "" + y(t2) + s2 } : { negative: false, format: "" + t2 + s2 } : { negative: false, format: "" };
-    }, g = function() {
-      function m2(t2, s2, n2) {
-        var i2 = this;
-        if (this.$d = {}, this.$l = n2, void 0 === t2 && (this.$ms = 0, this.parseFromMilliseconds()), s2)
-          return f(t2 * d[l(s2)], this);
-        if ("number" == typeof t2)
-          return this.$ms = t2, this.parseFromMilliseconds(), this;
-        if ("object" == typeof t2)
-          return Object.keys(t2).forEach(function(s3) {
-            i2.$d[l(s3)] = t2[s3];
-          }), this.calMilliseconds(), this;
-        if ("string" == typeof t2) {
-          var e2 = t2.match(a);
-          if (e2) {
-            var r2 = e2.slice(2).map(function(t3) {
-              return null != t3 ? Number(t3) : 0;
-            });
-            return this.$d.years = r2[0], this.$d.months = r2[1], this.$d.weeks = r2[2], this.$d.days = r2[3], this.$d.hours = r2[4], this.$d.minutes = r2[5], this.$d.seconds = r2[6], this.calMilliseconds(), this;
-          }
-        }
-        return this;
-      }
-      var y2 = m2.prototype;
-      return y2.calMilliseconds = function() {
-        var t2 = this;
-        this.$ms = Object.keys(this.$d).reduce(function(s2, n2) {
-          return s2 + (t2.$d[n2] || 0) * d[n2];
-        }, 0);
-      }, y2.parseFromMilliseconds = function() {
-        var t2 = this.$ms;
-        this.$d.years = $(t2 / u), t2 %= u, this.$d.months = $(t2 / h), t2 %= h, this.$d.days = $(t2 / r), t2 %= r, this.$d.hours = $(t2 / e), t2 %= e, this.$d.minutes = $(t2 / i), t2 %= i, this.$d.seconds = $(t2 / n), t2 %= n, this.$d.milliseconds = t2;
-      }, y2.toISOString = function() {
-        var t2 = v(this.$d.years, "Y"), s2 = v(this.$d.months, "M"), n2 = +this.$d.days || 0;
-        this.$d.weeks && (n2 += 7 * this.$d.weeks);
-        var i2 = v(n2, "D"), e2 = v(this.$d.hours, "H"), r2 = v(this.$d.minutes, "M"), o2 = this.$d.seconds || 0;
-        this.$d.milliseconds && (o2 += this.$d.milliseconds / 1e3);
-        var u2 = v(o2, "S"), h2 = t2.negative || s2.negative || i2.negative || e2.negative || r2.negative || u2.negative, a2 = e2.format || r2.format || u2.format ? "T" : "", d2 = (h2 ? "-" : "") + "P" + t2.format + s2.format + i2.format + a2 + e2.format + r2.format + u2.format;
-        return "P" === d2 || "-P" === d2 ? "P0D" : d2;
-      }, y2.toJSON = function() {
-        return this.toISOString();
-      }, y2.format = function(t2) {
-        var n2 = t2 || "YYYY-MM-DDTHH:mm:ss", i2 = { Y: this.$d.years, YY: s.s(this.$d.years, 2, "0"), YYYY: s.s(this.$d.years, 4, "0"), M: this.$d.months, MM: s.s(this.$d.months, 2, "0"), D: this.$d.days, DD: s.s(this.$d.days, 2, "0"), H: this.$d.hours, HH: s.s(this.$d.hours, 2, "0"), m: this.$d.minutes, mm: s.s(this.$d.minutes, 2, "0"), s: this.$d.seconds, ss: s.s(this.$d.seconds, 2, "0"), SSS: s.s(this.$d.milliseconds, 3, "0") };
-        return n2.replace(o, function(t3, s2) {
-          return s2 || String(i2[t3]);
-        });
-      }, y2.as = function(t2) {
-        return this.$ms / d[l(t2)];
-      }, y2.get = function(t2) {
-        var s2 = this.$ms, n2 = l(t2);
-        return "milliseconds" === n2 ? s2 %= 1e3 : s2 = "weeks" === n2 ? $(s2 / d[n2]) : this.$d[n2], 0 === s2 ? 0 : s2;
-      }, y2.add = function(t2, s2, n2) {
-        var i2;
-        return i2 = s2 ? t2 * d[l(s2)] : c(t2) ? t2.$ms : f(t2, this).$ms, f(this.$ms + i2 * (n2 ? -1 : 1), this);
-      }, y2.subtract = function(t2, s2) {
-        return this.add(t2, s2, true);
-      }, y2.locale = function(t2) {
-        var s2 = this.clone();
-        return s2.$l = t2, s2;
-      }, y2.clone = function() {
-        return f(this.$ms, this);
-      }, y2.humanize = function(s2) {
-        return t().add(this.$ms, "ms").locale(this.$l).fromNow(!s2);
-      }, y2.valueOf = function() {
-        return this.asMilliseconds();
-      }, y2.milliseconds = function() {
-        return this.get("milliseconds");
-      }, y2.asMilliseconds = function() {
-        return this.as("milliseconds");
-      }, y2.seconds = function() {
-        return this.get("seconds");
-      }, y2.asSeconds = function() {
-        return this.as("seconds");
-      }, y2.minutes = function() {
-        return this.get("minutes");
-      }, y2.asMinutes = function() {
-        return this.as("minutes");
-      }, y2.hours = function() {
-        return this.get("hours");
-      }, y2.asHours = function() {
-        return this.as("hours");
-      }, y2.days = function() {
-        return this.get("days");
-      }, y2.asDays = function() {
-        return this.as("days");
-      }, y2.weeks = function() {
-        return this.get("weeks");
-      }, y2.asWeeks = function() {
-        return this.as("weeks");
-      }, y2.months = function() {
-        return this.get("months");
-      }, y2.asMonths = function() {
-        return this.as("months");
-      }, y2.years = function() {
-        return this.get("years");
-      }, y2.asYears = function() {
-        return this.as("years");
-      }, m2;
-    }();
-    return function(n2, i2, e2) {
-      t = e2, s = e2().$utils(), e2.duration = function(t2, s2) {
-        var n3 = e2.locale();
-        return f(t2, { $l: n3 }, s2);
-      }, e2.isDuration = c;
-      var r2 = i2.prototype.add, o2 = i2.prototype.subtract;
-      i2.prototype.add = function(t2, s2) {
-        return c(t2) && (t2 = t2.asMilliseconds()), r2.bind(this)(t2, s2);
-      }, i2.prototype.subtract = function(t2, s2) {
-        return c(t2) && (t2 = t2.asMilliseconds()), o2.bind(this)(t2, s2);
-      };
-    };
-  });
-})(duration);
-var durationExports = duration.exports;
-const durationPlugin = /* @__PURE__ */ getDefaultExportFromCjs(durationExports);
-var relativeTime = { exports: {} };
-(function(module2, exports2) {
-  !function(r, e) {
-    module2.exports = e();
-  }(commonjsGlobal, function() {
-    return function(r, e, t) {
-      r = r || {};
-      var n = e.prototype, o = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
-      function i(r2, e2, t2, o2) {
-        return n.fromToBase(r2, e2, t2, o2);
-      }
-      t.en.relativeTime = o, n.fromToBase = function(e2, n2, i2, d2, u) {
-        for (var f, a, s, l = i2.$locale().relativeTime || o, h = r.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], m = h.length, c = 0; c < m; c += 1) {
-          var y = h[c];
-          y.d && (f = d2 ? t(e2).diff(i2, y.d, true) : i2.diff(e2, y.d, true));
-          var p = (r.rounding || Math.round)(Math.abs(f));
-          if (s = f > 0, p <= y.r || !y.r) {
-            p <= 1 && c > 0 && (y = h[c - 1]);
-            var v = l[y.l];
-            u && (p = u("" + p)), a = "string" == typeof v ? v.replace("%d", p) : v(p, n2, y.l, s);
-            break;
-          }
-        }
-        if (n2)
-          return a;
-        var M = s ? l.future : l.past;
-        return "function" == typeof M ? M(a) : M.replace("%s", a);
-      }, n.to = function(r2, e2) {
-        return i(r2, e2, this, true);
-      }, n.from = function(r2, e2) {
-        return i(r2, e2, this);
-      };
-      var d = function(r2) {
-        return r2.$u ? t.utc() : t();
-      };
-      n.toNow = function(r2) {
-        return this.to(d(this), r2);
-      }, n.fromNow = function(r2) {
-        return this.from(d(this), r2);
-      };
-    };
-  });
-})(relativeTime);
-var relativeTimeExports = relativeTime.exports;
-const relativeTimePlugin = /* @__PURE__ */ getDefaultExportFromCjs(relativeTimeExports);
-dayjs.extend(durationPlugin);
-dayjs.extend(relativeTimePlugin);
-class DateUtil {
-  static get day() {
-    return dayjs;
-  }
-}
 const _hoisted_1$5 = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$5 = { class: "text-right text-fg-subdued text-sm" };
-const _hoisted_3$3 = { class: "segments" };
+const _hoisted_3$2 = { class: "segments" };
 const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressSingle",
   setup(__props) {
@@ -6769,11 +6372,11 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     const diff = vue.computed(() => {
       return DateUtil.day(values.value.endedAt).diff(values.value.startedAt);
     });
-    const duration2 = vue.computed(() => {
+    const duration = vue.computed(() => {
       if (isNaN(diff.value))
         return "-";
-      const duration22 = DateUtil.day.duration(diff.value);
-      return duration22.format("HH [jam] mm [menit]");
+      const duration2 = DateUtil.day.duration(diff.value);
+      return duration2.format("HH [jam] mm [menit]");
     });
     function onStartedAtUpdate(date) {
       if (!date)
@@ -6786,7 +6389,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
       values.value.startedAt = startedAt.toISOString();
       values.value.endedAt = endedAt.toISOString();
     }
-    const sekarang = dayjs(/* @__PURE__ */ new Date());
+    const sekarang = DateUtil.day(/* @__PURE__ */ new Date());
     const besok = sekarang;
     vue.watch(
       isNew,
@@ -6946,7 +6549,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                             vue.createElementVNode(
                               "div",
                               _hoisted_2$5,
-                              vue.toDisplayString(duration2.value),
+                              vue.toDisplayString(duration.value),
                               1
                               /* TEXT */
                             )
@@ -7008,7 +6611,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                 title: "Catatan"
               }, {
                 default: vue.withCtx(({ isTouched }) => [
-                  vue.createElementVNode("div", _hoisted_3$3, [
+                  vue.createElementVNode("div", _hoisted_3$2, [
                     vue.createVNode(vue.unref(catatInterfaces.CatatPaperSegments), {
                       display: display2.value,
                       "onUpdate:display": _cache[10] || (_cache[10] = ($event) => display2.value = $event)
@@ -7035,8 +6638,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressSingle_vue_vue_type_style_index_0_scoped_8354411e_lang = "";
-const ProgressSingle = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-8354411e"]]);
+const ProgressSingle_vue_vue_type_style_index_0_scoped_e7bbc154_lang = "";
+const ProgressSingle = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-e7bbc154"]]);
 const _hoisted_1$4 = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$4 = { class: "text-right text-fg-subdued text-sm" };
 const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
@@ -7086,11 +6689,11 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     const diff = vue.computed(() => {
       return DateUtil.day(values.value.endedAt).diff(values.value.startedAt);
     });
-    const duration2 = vue.computed(() => {
+    const duration = vue.computed(() => {
       if (isNaN(diff.value))
         return "-";
-      const duration22 = DateUtil.day.duration(diff.value);
-      return duration22.format("HH [jam] mm [menit]");
+      const duration2 = DateUtil.day.duration(diff.value);
+      return duration2.format("HH [jam] mm [menit]");
     });
     function onStartedAtUpdate(date) {
       if (!date)
@@ -7103,7 +6706,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
       values.value.startedAt = startedAt.toISOString();
       values.value.endedAt = endedAt.toISOString();
     }
-    const sekarang = dayjs(/* @__PURE__ */ new Date());
+    const sekarang = DateUtil.day(/* @__PURE__ */ new Date());
     const besok = sekarang.add(1, "day");
     vue.watch(
       isNew,
@@ -7221,7 +6824,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                             vue.createElementVNode(
                               "div",
                               _hoisted_2$4,
-                              vue.toDisplayString(duration2.value),
+                              vue.toDisplayString(duration.value),
                               1
                               /* TEXT */
                             )
@@ -7271,8 +6874,8 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressTomorrow_vue_vue_type_style_index_0_scoped_a2784c89_lang = "";
-const ProgressTomorrow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-a2784c89"]]);
+const ProgressTomorrow_vue_vue_type_style_index_0_scoped_9a139943_lang = "";
+const ProgressTomorrow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-9a139943"]]);
 const _hoisted_1$3 = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$3 = { class: "text-right text-fg-subdued text-sm" };
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
@@ -7322,11 +6925,11 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     const diff = vue.computed(() => {
       return DateUtil.day(values.value.endedAt).diff(values.value.startedAt);
     });
-    const duration2 = vue.computed(() => {
+    const duration = vue.computed(() => {
       if (isNaN(diff.value))
         return "-";
-      const duration22 = DateUtil.day.duration(diff.value);
-      return duration22.format("HH [jam] mm [menit]");
+      const duration2 = DateUtil.day.duration(diff.value);
+      return duration2.format("HH [jam] mm [menit]");
     });
     function onStartedAtUpdate(date) {
       if (!date)
@@ -7339,7 +6942,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       values.value.startedAt = startedAt.toISOString();
       values.value.endedAt = endedAt.toISOString();
     }
-    const sekarang = dayjs(/* @__PURE__ */ new Date());
+    const sekarang = DateUtil.day(/* @__PURE__ */ new Date());
     const besok = sekarang.add(-1, "day");
     vue.watch(
       isNew,
@@ -7457,7 +7060,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                             vue.createElementVNode(
                               "div",
                               _hoisted_2$3,
-                              vue.toDisplayString(duration2.value),
+                              vue.toDisplayString(duration.value),
                               1
                               /* TEXT */
                             )
@@ -7511,8 +7114,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressYesterday_vue_vue_type_style_index_0_scoped_e2e0ccca_lang = "";
-const ProgressYesterday = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e2e0ccca"]]);
+const ProgressYesterday_vue_vue_type_style_index_0_scoped_3bad8bb9_lang = "";
+const ProgressYesterday = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-3bad8bb9"]]);
 const AttendanceModel = personaliaModels.models.AttendanceModel;
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -7534,10 +7137,6 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$2 = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$2 = { class: "text-right text-fg-subdued text-sm" };
-const _hoisted_3$2 = { class: "grid gap-2 sm:grid-cols-2" };
-const _hoisted_4$2 = { class: "text-right text-fg-subdued text-sm" };
-const _hoisted_5$2 = { class: "grid gap-2 sm:grid-cols-2" };
-const _hoisted_6$2 = { class: "text-right text-fg-subdued text-sm" };
 const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceSingle",
   setup(__props) {
@@ -7555,57 +7154,33 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       discardChanges,
       syncOne
     } = context.useSingle();
-    const keyHomeAt = vue.ref(0);
-    const diffHomeAt = vue.computed(() => {
-      return DateUtil.day(values.value.earlyAt).diff(values.value.homeAt);
+    const key = vue.ref(0);
+    const diff = vue.computed(() => {
+      return DateUtil.day(values.value.endedAt).diff(values.value.startedAt);
     });
-    const durationHomeAt = vue.computed(() => {
-      if (isNaN(diffHomeAt.value))
+    const duration = vue.computed(() => {
+      if (isNaN(diff.value))
         return "-";
-      const duration2 = DateUtil.day.duration(diffHomeAt.value);
+      const duration2 = DateUtil.day.duration(diff.value);
       return duration2.format("HH [jam] mm [menit]");
     });
-    function onHomeAtUpdate(date) {
-      if (!date)
-        return;
-      const earlyAt = DateUtil.day(date);
-      const homeAt = DateUtil.day(date);
-      values.value.earlyAt = earlyAt.toISOString();
-      values.value.homeAt = homeAt.toISOString();
-    }
-    const keyComeAt = vue.ref(0);
-    const diffComeAt = vue.computed(() => {
-      return DateUtil.day(values.value.lateAt).diff(values.value.comeAt);
+    const reverseDiff = vue.computed(() => {
+      return DateUtil.day(values.value.startedAt).diff(values.value.endedAt);
     });
-    const durationComeAt = vue.computed(() => {
-      if (isNaN(diffComeAt.value))
+    vue.computed(() => {
+      if (isNaN(reverseDiff.value))
         return "-";
-      const duration2 = DateUtil.day.duration(diffComeAt.value);
-      return duration2.format("HH [jam] mm [menit]");
-    });
-    function onComeAtUpdate(date) {
-      if (!date)
-        return;
-      const comeAt = DateUtil.day(date);
-      const lateAt = DateUtil.day(date);
-      values.value.comeAt = comeAt.toISOString();
-      values.value.lateAt = lateAt.toISOString();
-    }
-    const keyStartedAt = vue.ref(0);
-    const diffStartedAt = vue.computed(() => {
-      return DateUtil.day(values.value.endedAt).diff(values.value.startedAt);
-    });
-    const durationStartedAt = vue.computed(() => {
-      if (isNaN(diffStartedAt.value))
-        return "-";
-      const duration2 = DateUtil.day.duration(diffStartedAt.value);
+      const duration2 = DateUtil.day.duration(reverseDiff.value);
       return duration2.format("HH [jam] mm [menit]");
     });
     function onStartedAtUpdate(date) {
       if (!date)
         return;
-      const startedAt = DateUtil.day(date);
-      const endedAt = DateUtil.day(date);
+      const currentEndedendedAt = DateUtil.day(values.value.endedAt);
+      let startedAt = DateUtil.day(date);
+      let endedAt = DateUtil.day(date);
+      startedAt = startedAt.second(0).millisecond(0);
+      endedAt = endedAt.hour(currentEndedendedAt.hour()).minute(currentEndedendedAt.minute()).second(0).millisecond(0);
       values.value.startedAt = startedAt.toISOString();
       values.value.endedAt = endedAt.toISOString();
     }
@@ -7630,8 +7205,6 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createCommentVNode(' <NeonAlert\n            icon="circle-info"\n            label="Sudah ada Absensi!. "\n            description="Untuk hari ini kamu sudah ada absensi yang diajukan, silahkan cari absensi yang telah diajukan dan ajukan kembali untuk pergantiannya."\n            color="#F7CF6D"\n          /> '),
-                      vue.createCommentVNode(' <div class="flex flex-wrap">\n            <div class="mt-2">\n              <NeonField>\n                <template #input>\n                  <NeonButton\n                    size="md"\n                    color="success"\n                    icon-left="up-from-line"\n                    @click="syncOne"\n                    >Ajukan</NeonButton\n                  >\n                </template>\n              </NeonField>\n            </div>\n            &nbsp;&nbsp;\n            <div class="mt-2">\n              <NeonField>\n                <template #input>\n                  <NeonButton\n                    size="md"\n                    color="warning"\n                    icon-left="arrows-retweet"\n                    @click="syncOne"\n                    >Ganti</NeonButton\n                  >\n                </template>\n              </NeonField>\n            </div>\n          </div> '),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).status,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).status = $event)
@@ -7641,23 +7214,31 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(values) ? values.value = $event : null),
                         field: vue.unref(fields).submitStaff
                       }, null, 8, ["modelValue", "field"]),
-                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                        modelValue: vue.unref(values).attendanceAt,
-                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).attendanceAt = $event)
-                      }, vue.unref(fields).attendanceAt), null, 16, ["modelValue"]),
+                      (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: key.value,
+                        "model-value": vue.unref(values).startedAt
+                      }, {
+                        handle: "startedAt",
+                        name: "Tanggal",
+                        type: "date",
+                        input: "date2",
+                        options: {
+                          note: "Tanggal absensi."
+                        }
+                      }, { "onUpdate:modelValue": onStartedAtUpdate }), null, 16, ["model-value"])),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).type,
-                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).type = $event)
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).type = $event)
                       }, vue.unref(fields).type), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(office.OfficeRelation), {
                         modelValue: vue.unref(values),
-                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
                         field: vue.unref(fields).decideStaff
                       }, null, 8, ["modelValue", "field"]),
                       vue.unref(isNew) || vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
                         key: 0,
                         modelValue: vue.unref(values).notes,
-                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).notes = $event)
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).notes = $event)
                       }, vue.unref(fields).notes), null, 16, ["modelValue"])) : vue.createCommentVNode("v-if", true),
                       vue.createVNode(vue.unref(interfaces.NeonDivider), {
                         "is-dashed": "",
@@ -7665,153 +7246,12 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                       }),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).submittedAt,
-                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).submittedAt = $event)
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).submittedAt = $event)
                       }, vue.unref(fields).submittedAt), null, 16, ["modelValue"]),
-                      vue.createCommentVNode(" EARLY GO HOME "),
-                      (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                        key: keyHomeAt.value,
-                        "model-value": vue.unref(values).homeAt
-                      }, {
-                        handle: "homeAt",
-                        name: "Tanggal",
-                        type: "date",
-                        input: "date2",
-                        options: {
-                          note: "Tanggal absensi."
-                        }
-                      }, { "onUpdate:modelValue": onHomeAtUpdate }), null, 16, ["model-value"])),
                       vue.createElementVNode("div", _hoisted_1$2, [
-                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                          modelValue: vue.unref(values).homeAt,
-                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).homeAt = $event)
-                        }, {
-                          handle: "homeAt",
-                          name: "Jam Pulang Kerja",
-                          options: {
-                            note: "Jam pulang kerja."
-                          }
-                        }), {
-                          input: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(NeonTime), {
-                              modelValue: vue.unref(values).homeAt,
-                              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).homeAt = $event),
-                              "is-loading": vue.unref(isLoading),
-                              class: "mt-2"
-                            }, null, 8, ["modelValue", "is-loading"])
-                          ]),
-                          _: 1
-                          /* STABLE */
-                        }, 16, ["modelValue"]),
-                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                          modelValue: vue.unref(values).earlyAt,
-                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).earlyAt = $event)
-                        }, {
-                          handle: "earlyAt",
-                          name: "Jam Pulang Lebih Awal",
-                          options: {
-                            note: "Jam pulang lebih awal."
-                          }
-                        }), {
-                          input: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(NeonTime), {
-                              modelValue: vue.unref(values).earlyAt,
-                              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).earlyAt = $event),
-                              "is-loading": vue.unref(isLoading),
-                              class: "mt-2"
-                            }, null, 8, ["modelValue", "is-loading"]),
-                            vue.createElementVNode(
-                              "div",
-                              _hoisted_2$2,
-                              vue.toDisplayString(durationHomeAt.value),
-                              1
-                              /* TEXT */
-                            )
-                          ]),
-                          _: 1
-                          /* STABLE */
-                        }, 16, ["modelValue"])
-                      ]),
-                      vue.createCommentVNode(" COME TOO LATE "),
-                      (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                        key: keyComeAt.value,
-                        "model-value": vue.unref(values).comeAt
-                      }, {
-                        handle: "comeAt",
-                        name: "Tanggal",
-                        type: "date",
-                        input: "date2",
-                        options: {
-                          note: "Tanggal absensi."
-                        }
-                      }, { "onUpdate:modelValue": onComeAtUpdate }), null, 16, ["model-value"])),
-                      vue.createElementVNode("div", _hoisted_3$2, [
-                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                          modelValue: vue.unref(values).comeAt,
-                          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(values).comeAt = $event)
-                        }, {
-                          handle: "comeAt",
-                          name: "Jam Datang",
-                          options: {
-                            note: "Jam Datang kerja."
-                          }
-                        }), {
-                          input: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(NeonTime), {
-                              modelValue: vue.unref(values).comeAt,
-                              "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).comeAt = $event),
-                              "is-loading": vue.unref(isLoading),
-                              class: "mt-2"
-                            }, null, 8, ["modelValue", "is-loading"])
-                          ]),
-                          _: 1
-                          /* STABLE */
-                        }, 16, ["modelValue"]),
-                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                          modelValue: vue.unref(values).lateAt,
-                          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.unref(values).lateAt = $event)
-                        }, {
-                          handle: "lateAt",
-                          name: "Jam Datang Terlambat",
-                          options: {
-                            note: "Jam datang terlambat."
-                          }
-                        }), {
-                          input: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(NeonTime), {
-                              modelValue: vue.unref(values).lateAt,
-                              "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.unref(values).lateAt = $event),
-                              "is-loading": vue.unref(isLoading),
-                              class: "mt-2"
-                            }, null, 8, ["modelValue", "is-loading"]),
-                            vue.createElementVNode(
-                              "div",
-                              _hoisted_4$2,
-                              vue.toDisplayString(durationComeAt.value),
-                              1
-                              /* TEXT */
-                            )
-                          ]),
-                          _: 1
-                          /* STABLE */
-                        }, 16, ["modelValue"])
-                      ]),
-                      vue.createCommentVNode(" TIMEOUT "),
-                      (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                        key: keyStartedAt.value,
-                        "model-value": vue.unref(values).startedAt
-                      }, {
-                        handle: "startedAt",
-                        name: "Tanggal",
-                        type: "date",
-                        input: "date2",
-                        options: {
-                          note: "Tanggal absensi."
-                        }
-                      }, { "onUpdate:modelValue": onStartedAtUpdate }), null, 16, ["model-value"])),
-                      vue.createElementVNode("div", _hoisted_5$2, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedAt,
-                          "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.unref(values).startedAt = $event)
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).startedAt = $event)
                         }, {
                           handle: "startedAt",
                           name: "Mulai",
@@ -7822,7 +7262,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                           input: vue.withCtx(() => [
                             vue.createVNode(vue.unref(NeonTime), {
                               modelValue: vue.unref(values).startedAt,
-                              "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.unref(values).startedAt = $event),
+                              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).startedAt = $event),
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"])
@@ -7832,7 +7272,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                         }, 16, ["modelValue"]),
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).endedAt,
-                          "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => vue.unref(values).endedAt = $event)
+                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).endedAt = $event)
                         }, {
                           handle: "endedAt",
                           name: "Selesai",
@@ -7843,14 +7283,14 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                           input: vue.withCtx(() => [
                             vue.createVNode(vue.unref(NeonTime), {
                               modelValue: vue.unref(values).endedAt,
-                              "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => vue.unref(values).endedAt = $event),
+                              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).endedAt = $event),
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
                             vue.createElementVNode(
                               "div",
-                              _hoisted_6$2,
-                              vue.toDisplayString(durationStartedAt.value),
+                              _hoisted_2$2,
+                              vue.toDisplayString(duration.value),
                               1
                               /* TEXT */
                             )
@@ -7878,26 +7318,26 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceSingle_vue_vue_type_style_index_0_scoped_f2d3d252_lang = "";
-const AttendanceSingle = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f2d3d252"]]);
+const AttendanceSingle_vue_vue_type_style_index_0_scoped_0c3c6187_lang = "";
+const AttendanceSingle = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0c3c6187"]]);
 const _hoisted_1$1 = {
-  key: 0,
+  key: 1,
   class: "flex flex-wrap"
 };
 const _hoisted_2$1 = { class: "mt-2" };
 const _hoisted_3$1 = { class: "mt-2" };
 const _hoisted_4$1 = {
-  key: 8,
+  key: 5,
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_5$1 = { class: "text-right text-fg-subdued text-sm" };
 const _hoisted_6$1 = {
-  key: 9,
+  key: 6,
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_7$1 = { class: "text-right text-fg-subdued text-sm" };
 const _hoisted_8$1 = {
-  key: 10,
+  key: 7,
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_9$1 = { class: "text-right text-fg-subdued text-sm" };
@@ -7920,62 +7360,27 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       syncOne,
       executeOne
     } = context.useSingle();
-    const keyHomeAt = vue.ref(0);
-    const diffHomeAt = vue.computed(() => {
-      return DateUtil.day(values.value.earlyAt).diff(values.value.homeAt);
-    });
-    const durationHomeAt = vue.computed(() => {
-      if (isNaN(diffHomeAt.value))
-        return "-";
-      const duration2 = DateUtil.day.duration(diffHomeAt.value);
-      return duration2.format("HH [jam] mm [menit]");
-    });
-    function onHomeAtUpdate(date) {
-      if (!date)
-        return;
-      const earlyAt = DateUtil.day(date);
-      const homeAt = DateUtil.day(date);
-      values.value.earlyAt = earlyAt.toISOString();
-      values.value.homeAt = homeAt.toISOString();
-      values.value.attendanceAt = earlyAt.toISOString();
-    }
-    const keyComeAt = vue.ref(0);
-    const diffComeAt = vue.computed(() => {
-      return DateUtil.day(values.value.lateAt).diff(values.value.comeAt);
-    });
-    const durationComeAt = vue.computed(() => {
-      if (isNaN(diffComeAt.value))
-        return "-";
-      const duration2 = DateUtil.day.duration(diffComeAt.value);
-      return duration2.format("HH [jam] mm [menit]");
-    });
-    function onComeAtUpdate(date) {
-      if (!date)
-        return;
-      const comeAt = DateUtil.day(date);
-      const lateAt = DateUtil.day(date);
-      values.value.comeAt = comeAt.toISOString();
-      values.value.lateAt = lateAt.toISOString();
-      values.value.attendanceAt = comeAt.toISOString();
-    }
-    const keyStartedAt = vue.ref(0);
-    const diffStartedAt = vue.computed(() => {
+    const key = vue.ref(0);
+    const diff = vue.computed(() => {
       return DateUtil.day(values.value.endedAt).diff(values.value.startedAt);
     });
-    const durationStartedAt = vue.computed(() => {
-      if (isNaN(diffStartedAt.value))
+    const duration = vue.computed(() => {
+      if (isNaN(diff.value))
         return "-";
-      const duration2 = DateUtil.day.duration(diffStartedAt.value);
+      const duration2 = DateUtil.day.duration(diff.value);
       return duration2.format("HH [jam] mm [menit]");
     });
     function onStartedAtUpdate(date) {
       if (!date)
         return;
-      const startedAt = DateUtil.day(date);
-      const endedAt = DateUtil.day(date);
+      const currentEndedendedAt = DateUtil.day(values.value.endedAt);
+      let startedAt = DateUtil.day(date);
+      let endedAt = DateUtil.day(date);
+      startedAt = startedAt.second(0).millisecond(0);
+      endedAt = endedAt.hour(currentEndedendedAt.hour()).minute(currentEndedendedAt.minute()).second(0).millisecond(0);
       values.value.startedAt = startedAt.toISOString();
       values.value.endedAt = endedAt.toISOString();
-      values.value.attendanceAt = startedAt.toISOString();
+      conflictAtt.value = false;
     }
     const { staff } = useOperasional();
     const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
@@ -7999,6 +7404,26 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       await executeOne("changeAttendance", { attendanceId: id.value });
       await syncOne();
     };
+    const conflictAtt = vue.ref(false);
+    async function conflictAttendance() {
+      var _a2;
+      const resp = await executeOne("checkAttendance", {
+        staffId: (_a2 = staff.value) == null ? void 0 : _a2.id,
+        startedAt: values.value.startedAt
+      });
+      const countAtt = resp.data.executeAttendance.output.countAttendance;
+      if (values.value.startedAt) {
+        if (countAtt > 1) {
+          conflictAtt.value = true;
+        } else {
+          await submitAbsensi();
+          await syncOne();
+          conflictAtt.value = false;
+        }
+      } else {
+        conflictAtt.value = true;
+      }
+    }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-attendance-single" }, {
         default: vue.withCtx(() => [
@@ -8020,8 +7445,14 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createCommentVNode(' <NeonAlert\n            icon="circle-info"\n            label="Sudah ada Absensi!. "\n            description="Untuk hari ini kamu sudah ada absensi yang diajukan, silahkan cari absensi yang telah diajukan dan ajukan kembali untuk pergantiannya."\n            color="#F7CF6D"\n          /> '),
-                      !vue.unref(isNew) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+                      conflictAtt.value == true ? (vue.openBlock(), vue.createBlock(vue.unref(interfaces.NeonAlert), {
+                        key: 0,
+                        icon: "circle-info",
+                        label: "Sudah ada Absensi!. ",
+                        description: "Untuk hari ini kamu sudah ada absensi yang diajukan, silahkan cari absensi yang telah diajukan dan ajukan kembali untuk pergantiannya.",
+                        color: "#F7CF6D"
+                      })) : vue.createCommentVNode("v-if", true),
+                      !vue.unref(isNew) && conflictAtt.value == false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
                         vue.createElementVNode("div", _hoisted_2$1, [
                           vue.createVNode(vue.unref(form.NeonField), null, {
                             input: vue.withCtx(() => [
@@ -8030,7 +7461,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                                 color: "success",
                                 "icon-left": "up-from-line",
                                 "is-disabled": vue.unref(values).status == "notApproved" || vue.unref(values).status == "approved",
-                                onClick: submitAbsensi
+                                onClick: conflictAttendance
                               }, {
                                 default: vue.withCtx(() => [
                                   vue.createTextVNode("Ajukan")
@@ -8051,7 +7482,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                                 size: "md",
                                 color: "warning",
                                 "icon-left": "arrows-retweet",
-                                "is-disabled": vue.unref(values).status == "approved" || vue.unref(values).status == "draft",
+                                "is-disabled": vue.unref(values).status == "notApproved" || vue.unref(values).status == "draft",
                                 onClick: changeAbsensi
                               }, {
                                 default: vue.withCtx(() => [
@@ -8072,32 +7503,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                         field: vue.unref(fields).submitStaff,
                         "is-disabled": ""
                       }, null, 8, ["modelValue", "field"]),
-                      vue.unref(values).type == null || vue.unref(values).type == "dayOff" || vue.unref(values).type == "sick" || vue.unref(values).type == "permission" || vue.unref(values).type == "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                        key: 1,
-                        modelValue: vue.unref(values).attendanceAt,
-                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).attendanceAt = $event)
-                      }, vue.unref(fields).attendanceAt, {
-                        "is-disabled": vue.unref(values).status == "notApproved" || vue.unref(values).status == "approved"
-                      }), null, 16, ["modelValue", "is-disabled"])) : vue.createCommentVNode("v-if", true),
-                      vue.createCommentVNode(" EARLY GO HOME "),
-                      vue.unref(values).type == "homeEarly" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                        key: keyHomeAt.value,
-                        "model-value": vue.unref(values).homeAt
-                      }, {
-                        handle: "homeAt",
-                        name: "Tanggal",
-                        type: "date",
-                        input: "date2",
-                        options: {
-                          note: "Tanggal absensi."
-                        }
-                      }, {
-                        "is-disabled": vue.unref(values).status == "notApproved" || vue.unref(values).status == "approved",
-                        "onUpdate:modelValue": onHomeAtUpdate
-                      }), null, 16, ["model-value", "is-disabled"])) : vue.createCommentVNode("v-if", true),
-                      vue.createCommentVNode(" TIMEOUT "),
-                      vue.unref(values).type == "timeout" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                        key: keyStartedAt.value,
+                      (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: key.value,
                         "model-value": vue.unref(values).startedAt
                       }, {
                         handle: "startedAt",
@@ -8110,57 +7517,41 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                       }, {
                         "is-disabled": vue.unref(values).status == "notApproved" || vue.unref(values).status == "approved",
                         "onUpdate:modelValue": onStartedAtUpdate
-                      }), null, 16, ["model-value", "is-disabled"])) : vue.createCommentVNode("v-if", true),
-                      vue.createCommentVNode(" COME TOO LATE "),
-                      vue.unref(values).type == "comeLate" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                        key: keyComeAt.value,
-                        "model-value": vue.unref(values).comeAt
-                      }, {
-                        handle: "comeAt",
-                        name: "Tanggal",
-                        type: "date",
-                        input: "date2",
-                        options: {
-                          note: "Tanggal absensi."
-                        }
-                      }, {
-                        "is-disabled": vue.unref(values).status == "notApproved" || vue.unref(values).status == "approved",
-                        "onUpdate:modelValue": onComeAtUpdate
-                      }), null, 16, ["model-value", "is-disabled"])) : vue.createCommentVNode("v-if", true),
+                      }), null, 16, ["model-value", "is-disabled"])),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).type,
-                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).type = $event)
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).type = $event)
                       }, vue.unref(fields).type, {
                         "is-disabled": vue.unref(values).status == "notApproved" || vue.unref(values).status == "approved"
                       }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(office.OfficeRelation), {
                         modelValue: vue.unref(values),
-                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
                         field: vue.unref(fields).decideStaff,
                         "is-disabled": vue.unref(values).status == "notApproved" || vue.unref(values).status == "approved"
                       }, null, 8, ["modelValue", "field", "is-disabled"]),
                       vue.unref(isNew) || vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                        key: 5,
+                        key: 2,
                         modelValue: vue.unref(values).notes,
-                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).notes = $event)
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).notes = $event)
                       }, vue.unref(fields).notes), null, 16, ["modelValue"])) : vue.createCommentVNode("v-if", true),
                       vue.unref(values).type ? (vue.openBlock(), vue.createBlock(vue.unref(interfaces.NeonDivider), {
-                        key: 6,
+                        key: 3,
                         "is-dashed": "",
                         label: "Keterangan"
                       })) : vue.createCommentVNode("v-if", true),
                       vue.unref(values).type == "dayOff" || vue.unref(values).type == "sick" || vue.unref(values).type == "permission" || vue.unref(values).type == "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                        key: 7,
+                        key: 4,
                         modelValue: vue.unref(values).submittedAt,
-                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).submittedAt = $event)
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).submittedAt = $event)
                       }, vue.unref(fields).submittedAt, { "is-disabled": "" }), null, 16, ["modelValue"])) : vue.createCommentVNode("v-if", true),
                       vue.createCommentVNode(" EARLY GO HOME "),
                       vue.unref(values).type == "homeEarly" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                          modelValue: vue.unref(values).homeAt,
-                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).homeAt = $event)
+                          modelValue: vue.unref(values).startedAt,
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).startedAt = $event)
                         }, {
-                          handle: "homeAt",
+                          handle: "startedAt",
                           name: "Jam Pulang Kerja",
                           options: {
                             note: "Jam pulang kerja."
@@ -8168,8 +7559,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                         }), {
                           input: vue.withCtx(() => [
                             vue.createVNode(vue.unref(NeonTime), {
-                              modelValue: vue.unref(values).homeAt,
-                              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).homeAt = $event),
+                              modelValue: vue.unref(values).startedAt,
+                              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).startedAt = $event),
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"])
@@ -8178,10 +7569,10 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                           /* STABLE */
                         }, 16, ["modelValue"]),
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                          modelValue: vue.unref(values).earlyAt,
-                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).earlyAt = $event)
+                          modelValue: vue.unref(values).endedAt,
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).endedAt = $event)
                         }, {
-                          handle: "earlyAt",
+                          handle: "endedAt",
                           name: "Jam Pulang Lebih Awal",
                           options: {
                             note: "Jam pulang lebih awal."
@@ -8189,15 +7580,15 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                         }), {
                           input: vue.withCtx(() => [
                             vue.createVNode(vue.unref(NeonTime), {
-                              modelValue: vue.unref(values).earlyAt,
-                              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).earlyAt = $event),
+                              modelValue: vue.unref(values).endedAt,
+                              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).endedAt = $event),
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
                             vue.createElementVNode(
                               "div",
                               _hoisted_5$1,
-                              vue.toDisplayString(durationHomeAt.value),
+                              vue.toDisplayString(duration.value),
                               1
                               /* TEXT */
                             )
@@ -8209,10 +7600,10 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                       vue.createCommentVNode(" COME TOO LATE "),
                       vue.unref(values).type == "comeLate" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                          modelValue: vue.unref(values).comeAt,
-                          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).comeAt = $event)
+                          modelValue: vue.unref(values).startedAt,
+                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).startedAt = $event)
                         }, {
-                          handle: "comeAt",
+                          handle: "startedAt",
                           name: "Jam Datang",
                           options: {
                             note: "Jam Datang kerja."
@@ -8220,8 +7611,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                         }), {
                           input: vue.withCtx(() => [
                             vue.createVNode(vue.unref(NeonTime), {
-                              modelValue: vue.unref(values).comeAt,
-                              "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).comeAt = $event),
+                              modelValue: vue.unref(values).startedAt,
+                              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).startedAt = $event),
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"])
@@ -8230,10 +7621,10 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                           /* STABLE */
                         }, 16, ["modelValue"]),
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                          modelValue: vue.unref(values).lateAt,
-                          "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.unref(values).lateAt = $event)
+                          modelValue: vue.unref(values).endedAt,
+                          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(values).endedAt = $event)
                         }, {
-                          handle: "lateAt",
+                          handle: "endedAt",
                           name: "Jam Datang Terlambat",
                           options: {
                             note: "Jam datang terlambat."
@@ -8241,15 +7632,15 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                         }), {
                           input: vue.withCtx(() => [
                             vue.createVNode(vue.unref(NeonTime), {
-                              modelValue: vue.unref(values).lateAt,
-                              "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(values).lateAt = $event),
+                              modelValue: vue.unref(values).endedAt,
+                              "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).endedAt = $event),
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
                             vue.createElementVNode(
                               "div",
                               _hoisted_7$1,
-                              vue.toDisplayString(durationComeAt.value),
+                              vue.toDisplayString(duration.value),
                               1
                               /* TEXT */
                             )
@@ -8262,7 +7653,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                       vue.unref(values).type == "timeout" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedAt,
-                          "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.unref(values).startedAt = $event)
+                          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.unref(values).startedAt = $event)
                         }, {
                           handle: "startedAt",
                           name: "Mulai",
@@ -8273,7 +7664,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                           input: vue.withCtx(() => [
                             vue.createVNode(vue.unref(NeonTime), {
                               modelValue: vue.unref(values).startedAt,
-                              "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.unref(values).startedAt = $event),
+                              "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.unref(values).startedAt = $event),
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"])
@@ -8283,7 +7674,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                         }, 16, ["modelValue"]),
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).endedAt,
-                          "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => vue.unref(values).endedAt = $event)
+                          "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.unref(values).endedAt = $event)
                         }, {
                           handle: "endedAt",
                           name: "Selesai",
@@ -8294,14 +7685,14 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                           input: vue.withCtx(() => [
                             vue.createVNode(vue.unref(NeonTime), {
                               modelValue: vue.unref(values).endedAt,
-                              "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.unref(values).endedAt = $event),
+                              "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.unref(values).endedAt = $event),
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
                             vue.createElementVNode(
                               "div",
                               _hoisted_9$1,
-                              vue.toDisplayString(durationStartedAt.value),
+                              vue.toDisplayString(duration.value),
                               1
                               /* TEXT */
                             )
@@ -8329,23 +7720,23 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceStaff_vue_vue_type_style_index_0_scoped_922e86d6_lang = "";
-const AttendanceStaff = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-922e86d6"]]);
+const AttendanceStaff_vue_vue_type_style_index_0_scoped_724535b0_lang = "";
+const AttendanceStaff = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-724535b0"]]);
 const _hoisted_1 = { class: "flex flex-wrap" };
 const _hoisted_2 = { class: "mt-2" };
 const _hoisted_3 = { class: "mt-2" };
 const _hoisted_4 = {
-  key: 7,
+  key: 3,
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_5 = { class: "text-right text-fg-subdued text-sm" };
 const _hoisted_6 = {
-  key: 8,
+  key: 4,
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_7 = { class: "text-right text-fg-subdued text-sm" };
 const _hoisted_8 = {
-  key: 9,
+  key: 5,
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_9 = { class: "text-right text-fg-subdued text-sm" };
@@ -8368,57 +7759,33 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       syncOne,
       executeOne
     } = context.useSingle();
-    const keyHomeAt = vue.ref(0);
-    const diffHomeAt = vue.computed(() => {
-      return DateUtil.day(values.value.earlyAt).diff(values.value.homeAt);
-    });
-    const durationHomeAt = vue.computed(() => {
-      if (isNaN(diffHomeAt.value))
-        return "-";
-      const duration2 = DateUtil.day.duration(diffHomeAt.value);
-      return duration2.format("HH [jam] mm [menit]");
-    });
-    function onHomeAtUpdate(date) {
-      if (!date)
-        return;
-      const earlyAt = DateUtil.day(date);
-      const homeAt = DateUtil.day(date);
-      values.value.earlyAt = earlyAt.toISOString();
-      values.value.homeAt = homeAt.toISOString();
-    }
-    const keyComeAt = vue.ref(0);
-    const diffComeAt = vue.computed(() => {
-      return DateUtil.day(values.value.lateAt).diff(values.value.comeAt);
+    const key = vue.ref(0);
+    const diff = vue.computed(() => {
+      return DateUtil.day(values.value.endedAt).diff(values.value.startedAt);
     });
-    const durationComeAt = vue.computed(() => {
-      if (isNaN(diffComeAt.value))
+    const duration = vue.computed(() => {
+      if (isNaN(diff.value))
         return "-";
-      const duration2 = DateUtil.day.duration(diffComeAt.value);
+      const duration2 = DateUtil.day.duration(diff.value);
       return duration2.format("HH [jam] mm [menit]");
     });
-    function onComeAtUpdate(date) {
-      if (!date)
-        return;
-      const comeAt = DateUtil.day(date);
-      const lateAt = DateUtil.day(date);
-      values.value.comeAt = comeAt.toISOString();
-      values.value.lateAt = lateAt.toISOString();
-    }
-    const keyStartedAt = vue.ref(0);
-    const diffStartedAt = vue.computed(() => {
-      return DateUtil.day(values.value.endedAt).diff(values.value.startedAt);
+    const reverseDiff = vue.computed(() => {
+      return DateUtil.day(values.value.startedAt).diff(values.value.endedAt);
     });
-    const durationStartedAt = vue.computed(() => {
-      if (isNaN(diffStartedAt.value))
+    const reverseDuration = vue.computed(() => {
+      if (isNaN(reverseDiff.value))
         return "-";
-      const duration2 = DateUtil.day.duration(diffStartedAt.value);
+      const duration2 = DateUtil.day.duration(reverseDiff.value);
       return duration2.format("HH [jam] mm [menit]");
     });
     function onStartedAtUpdate(date) {
       if (!date)
         return;
-      const startedAt = DateUtil.day(date);
-      const endedAt = DateUtil.day(date);
+      const currentEndedendedAt = DateUtil.day(values.value.endedAt);
+      let startedAt = DateUtil.day(date);
+      let endedAt = DateUtil.day(date);
+      startedAt = startedAt.second(0).millisecond(0);
+      endedAt = endedAt.hour(currentEndedendedAt.hour()).minute(currentEndedendedAt.minute()).second(0).millisecond(0);
       values.value.startedAt = startedAt.toISOString();
       values.value.endedAt = endedAt.toISOString();
     }
@@ -8516,32 +7883,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         field: vue.unref(fields).submitStaff,
                         "is-disabled": ""
                       }, null, 8, ["modelValue", "field"]),
-                      vue.unref(values).type == "dayOff" || vue.unref(values).type == "sick" || vue.unref(values).type == "permission" || vue.unref(values).type == "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                        key: 0,
-                        modelValue: vue.unref(values).attendanceAt,
-                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).attendanceAt = $event)
-                      }, vue.unref(fields).attendanceAt, {
-                        "is-disabled": vue.unref(values).status == "approved"
-                      }), null, 16, ["modelValue", "is-disabled"])) : vue.createCommentVNode("v-if", true),
-                      vue.createCommentVNode(" EARLY GO HOME "),
-                      vue.unref(values).type == "homeEarly" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                        key: keyHomeAt.value,
-                        "model-value": vue.unref(values).homeAt
-                      }, {
-                        handle: "homeAt",
-                        name: "Tanggal",
-                        type: "date",
-                        input: "date2",
-                        options: {
-                          note: "Tanggal absensi."
-                        }
-                      }, {
-                        "is-disabled": vue.unref(values).status == "approved",
-                        "onUpdate:modelValue": onHomeAtUpdate
-                      }), null, 16, ["model-value", "is-disabled"])) : vue.createCommentVNode("v-if", true),
-                      vue.createCommentVNode(" TIMEOUT "),
-                      vue.unref(values).type == "timeout" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                        key: keyStartedAt.value,
+                      (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: key.value,
                         "model-value": vue.unref(values).startedAt
                       }, {
                         handle: "startedAt",
@@ -8554,57 +7897,41 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       }, {
                         "is-disabled": vue.unref(values).status == "approved",
                         "onUpdate:modelValue": onStartedAtUpdate
-                      }), null, 16, ["model-value", "is-disabled"])) : vue.createCommentVNode("v-if", true),
-                      vue.createCommentVNode(" COME TOO LATE "),
-                      vue.unref(values).type == "comeLate" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                        key: keyComeAt.value,
-                        "model-value": vue.unref(values).comeAt
-                      }, {
-                        handle: "comeAt",
-                        name: "Tanggal",
-                        type: "date",
-                        input: "date2",
-                        options: {
-                          note: "Tanggal absensi."
-                        }
-                      }, {
-                        "is-disabled": vue.unref(values).status == "approved",
-                        "onUpdate:modelValue": onComeAtUpdate
-                      }), null, 16, ["model-value", "is-disabled"])) : vue.createCommentVNode("v-if", true),
+                      }), null, 16, ["model-value", "is-disabled"])),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).type,
-                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).type = $event)
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).type = $event)
                       }, vue.unref(fields).type, {
                         "is-disabled": vue.unref(values).status == "approved"
                       }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(office.OfficeRelation), {
                         modelValue: vue.unref(values),
-                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
                         field: vue.unref(fields).decideStaff,
                         "is-disabled": vue.unref(values).status == "approved"
                       }, null, 8, ["modelValue", "field", "is-disabled"]),
                       vue.unref(isNew) || vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                        key: 4,
+                        key: 0,
                         modelValue: vue.unref(values).notes,
-                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).notes = $event)
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).notes = $event)
                       }, vue.unref(fields).notes), null, 16, ["modelValue"])) : vue.createCommentVNode("v-if", true),
                       vue.unref(values).type ? (vue.openBlock(), vue.createBlock(vue.unref(interfaces.NeonDivider), {
-                        key: 5,
+                        key: 1,
                         "is-dashed": "",
                         label: "Keterangan"
                       })) : vue.createCommentVNode("v-if", true),
                       vue.unref(values).type == "dayOff" || vue.unref(values).type == "sick" || vue.unref(values).type == "permission" || vue.unref(values).type == "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                        key: 6,
+                        key: 2,
                         modelValue: vue.unref(values).submittedAt,
-                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).submittedAt = $event)
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).submittedAt = $event)
                       }, vue.unref(fields).submittedAt, { "is-disabled": "" }), null, 16, ["modelValue"])) : vue.createCommentVNode("v-if", true),
                       vue.createCommentVNode(" EARLY GO HOME "),
                       vue.unref(values).type == "homeEarly" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                          modelValue: vue.unref(values).homeAt,
-                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).homeAt = $event)
+                          modelValue: vue.unref(values).startedAt,
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).startedAt = $event)
                         }, {
-                          handle: "homeAt",
+                          handle: "startedAt",
                           name: "Jam Pulang Kerja",
                           options: {
                             note: "Jam pulang kerja."
@@ -8612,8 +7939,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         }), {
                           input: vue.withCtx(() => [
                             vue.createVNode(vue.unref(NeonTime), {
-                              modelValue: vue.unref(values).homeAt,
-                              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).homeAt = $event),
+                              modelValue: vue.unref(values).startedAt,
+                              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).startedAt = $event),
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"])
@@ -8622,10 +7949,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           /* STABLE */
                         }, 16, ["modelValue"]),
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                          modelValue: vue.unref(values).earlyAt,
-                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).earlyAt = $event)
+                          modelValue: vue.unref(values).endedAt,
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).endedAt = $event)
                         }, {
-                          handle: "earlyAt",
+                          handle: "endedAt",
                           name: "Jam Pulang Lebih Awal",
                           options: {
                             note: "Jam pulang lebih awal."
@@ -8633,15 +7960,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         }), {
                           input: vue.withCtx(() => [
                             vue.createVNode(vue.unref(NeonTime), {
-                              modelValue: vue.unref(values).earlyAt,
-                              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).earlyAt = $event),
+                              modelValue: vue.unref(values).endedAt,
+                              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).endedAt = $event),
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
                             vue.createElementVNode(
                               "div",
                               _hoisted_5,
-                              vue.toDisplayString(durationHomeAt.value),
+                              vue.toDisplayString(reverseDuration.value),
                               1
                               /* TEXT */
                             )
@@ -8653,10 +7980,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       vue.createCommentVNode(" COME TOO LATE "),
                       vue.unref(values).type == "comeLate" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                          modelValue: vue.unref(values).comeAt,
-                          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).comeAt = $event)
+                          modelValue: vue.unref(values).startedAt,
+                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).startedAt = $event)
                         }, {
-                          handle: "comeAt",
+                          handle: "startedAt",
                           name: "Jam Datang",
                           options: {
                             note: "Jam Datang kerja."
@@ -8664,8 +7991,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         }), {
                           input: vue.withCtx(() => [
                             vue.createVNode(vue.unref(NeonTime), {
-                              modelValue: vue.unref(values).comeAt,
-                              "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).comeAt = $event),
+                              modelValue: vue.unref(values).startedAt,
+                              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).startedAt = $event),
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"])
@@ -8674,10 +8001,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           /* STABLE */
                         }, 16, ["modelValue"]),
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                          modelValue: vue.unref(values).lateAt,
-                          "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.unref(values).lateAt = $event)
+                          modelValue: vue.unref(values).endedAt,
+                          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(values).endedAt = $event)
                         }, {
-                          handle: "lateAt",
+                          handle: "endedAt",
                           name: "Jam Datang Terlambat",
                           options: {
                             note: "Jam datang terlambat."
@@ -8685,15 +8012,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         }), {
                           input: vue.withCtx(() => [
                             vue.createVNode(vue.unref(NeonTime), {
-                              modelValue: vue.unref(values).lateAt,
-                              "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(values).lateAt = $event),
+                              modelValue: vue.unref(values).endedAt,
+                              "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).endedAt = $event),
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
                             vue.createElementVNode(
                               "div",
                               _hoisted_7,
-                              vue.toDisplayString(durationComeAt.value),
+                              vue.toDisplayString(duration.value),
                               1
                               /* TEXT */
                             )
@@ -8706,7 +8033,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       vue.unref(values).type == "timeout" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedAt,
-                          "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.unref(values).startedAt = $event)
+                          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.unref(values).startedAt = $event)
                         }, {
                           handle: "startedAt",
                           name: "Mulai",
@@ -8717,7 +8044,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           input: vue.withCtx(() => [
                             vue.createVNode(vue.unref(NeonTime), {
                               modelValue: vue.unref(values).startedAt,
-                              "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.unref(values).startedAt = $event),
+                              "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.unref(values).startedAt = $event),
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"])
@@ -8727,7 +8054,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         }, 16, ["modelValue"]),
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).endedAt,
-                          "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => vue.unref(values).endedAt = $event)
+                          "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.unref(values).endedAt = $event)
                         }, {
                           handle: "endedAt",
                           name: "Selesai",
@@ -8738,14 +8065,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           input: vue.withCtx(() => [
                             vue.createVNode(vue.unref(NeonTime), {
                               modelValue: vue.unref(values).endedAt,
-                              "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.unref(values).endedAt = $event),
+                              "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.unref(values).endedAt = $event),
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
                             vue.createElementVNode(
                               "div",
                               _hoisted_9,
-                              vue.toDisplayString(durationStartedAt.value),
+                              vue.toDisplayString(duration.value),
                               1
                               /* TEXT */
                             )
@@ -8773,8 +8100,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceManager_vue_vue_type_style_index_0_scoped_eb6a78b6_lang = "";
-const AttendanceManager = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eb6a78b6"]]);
+const AttendanceManager_vue_vue_type_style_index_0_scoped_643cca03_lang = "";
+const AttendanceManager = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-643cca03"]]);
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AttendanceCollection: _sfc_main$3,