Browse Source

fix: add an overlay to block the interaction with datetimepicker

pull/7304/head
Pranav C 10 months ago
parent
commit
214fb0dad9
  1. 8
      packages/nc-gui/components/cell/ReadOnlyDateTimePicker.vue

8
packages/nc-gui/components/cell/ReadOnlyDateTimePicker.vue

@ -1,5 +1,5 @@
<script setup lang="ts">
import { ReadonlyInj, provide, ref, EditModeInj, ActiveCellInj } from '#imports'
import { ActiveCellInj, EditModeInj, ReadonlyInj, provide, ref } from '#imports'
interface Props {
modelValue?: string | null
@ -12,9 +12,11 @@ provide(ReadonlyInj, ref(true))
provide(EditModeInj, ref(true))
provide(ActiveCellInj, ref(true))
</script>
<template>
<LazyCellDateTimePicker :model-value="modelValue" :is-pk="false" />
<div class="relative">
<LazyCellDateTimePicker class="z-0" :model-value="modelValue" :is-pk="false" />
<div class="w-full h-full z-1 absolute top-0 left-0"></div>
</div>
</template>

Loading…
Cancel
Save