Vacancy details (#486)

Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>

plugins/view-resources/src/components/DateEditor.svelte

@@ -0,0 +1,44 @@
+<!--
+// Copyright © 2020, 2021 Anticrm Platform Contributors.
+// Copyright © 2021 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// 
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+
+<script lang="ts">
+  import { IntlString } from '@anticrm/platform'
+  import { DatePopup, showPopup } from '@anticrm/ui'
+  import DatePresenter from './DatePresenter.svelte'
+
+  export let value: number | Date | undefined
+  export let label: IntlString
+  export let onChange: (value: any) => void
+  $: date = value ? new Date(value) : new Date()
+  let container: HTMLElement
+  let opened: boolean = false
+</script>
+
+<div class="flex-row-center" bind:this={container}
+  on:click|preventDefault={() => {
+    if (!opened) {
+      opened = true
+      showPopup(DatePopup, { selected: date, title: label }, container, (result) => {
+        if (result) { 
+          value = result.getTime()
+          onChange(value)
+         }
+        opened = false
+      })
+    }
+  }} >
+  <DatePresenter {value} />
+</div>

plugins/view-resources/src/components/DatePresenter.svelte

@@ -0,0 +1,28 @@
+<!--
+// Copyright © 2020, 2021 Anticrm Platform Contributors.
+// Copyright © 2021 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// 
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+
+<script lang="ts">
+  export let value: number | Date | undefined
+  $: date = value ? new Date(value) : undefined
+</script>
+
+<div class=".caption-color">
+  {#if date}
+    {date.getMonth() + 1} / {date.getDate()} / {date.getFullYear()}
+  {:else}
+    No date
+  {/if}
+</div>