platform/plugins/contact-resources/src/components/EmployeeStatusDueDatePopup.svelte
Andrey Sobolev 5b6ef778f3
Migrate to hcengineering and publish to github packages (#2273)
Signed-off-by: Andrey Sobolev <haiodo@gmail.com>
2022-09-21 14:08:25 +06:00

24 lines
580 B
Svelte

<script lang="ts">
import { Icon, IconDPCalendarOver, IconDPCalendar, Label } from '@hcengineering/ui'
import contact from '../plugin'
export let isOverdue: boolean = false
export let formattedDate: string | undefined
</script>
<div class="iconContainer">
<Icon icon={isOverdue ? IconDPCalendarOver : IconDPCalendar} size={'full'} />
{#if formattedDate}
<div>{formattedDate}</div>
{:else}
<Label label={contact.string.NoExpire} />
{/if}
</div>
<style lang="scss">
.iconContainer {
color: var(--content-color);
margin-right: 1rem;
}
</style>