mirror of
https://github.com/hcengineering/platform.git
synced 2025-02-08 20:07:36 +00:00
31 lines
969 B
Svelte
31 lines
969 B
Svelte
<script lang="ts">
|
|
import { DateRangeMode, Timestamp, TypeDate } from '@hcengineering/core'
|
|
import { ticker, tooltip } from '@hcengineering/ui'
|
|
import { DateEditor } from '@hcengineering/view-resources'
|
|
import EmployeeStatusDueDatePopup from './EmployeeStatusDueDatePopup.svelte'
|
|
import { formatDate } from '../utils'
|
|
import { createEventDispatcher } from 'svelte'
|
|
|
|
export let statusDueDate: Timestamp | undefined
|
|
|
|
$: isOverdue = statusDueDate && statusDueDate < $ticker
|
|
$: formattedDate = statusDueDate && formatDate(statusDueDate)
|
|
|
|
const dispatch = createEventDispatcher()
|
|
const type = { mode: DateRangeMode.DATETIME, withShift: true } as TypeDate
|
|
</script>
|
|
|
|
<div
|
|
class="clear-mins"
|
|
use:tooltip={{ direction: 'top', component: EmployeeStatusDueDatePopup, props: { formattedDate, isOverdue } }}
|
|
>
|
|
<DateEditor
|
|
value={statusDueDate}
|
|
{type}
|
|
onChange={(v) => {
|
|
statusDueDate = v
|
|
dispatch('change', v)
|
|
}}
|
|
/>
|
|
</div>
|