hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-11-22 21:50:34 +03:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

UBER-641: fixed DatePopup. (#3535)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2023-07-31 09:36:24 +03:00 committed by GitHub
parent f7d68ee7da
commit 2781082f81
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 36 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
packages/ui/src/components/calendar/DatePopup.svelte
View File

@ -24,6 +24,7 @@
import DateInputBox from './DateInputBox.svelte'
import MonthSquare from './MonthSquare.svelte'
import Shifts from './Shifts.svelte'
import { Scroller, deviceOptionsStore as deviceInfo } from '../..'
export let currentDate: Date | null
export let withTime: boolean = false
@ -35,6 +36,7 @@
const dispatch = createEventDispatcher()
const today: Date = new Date(Date.now())
$: docHeight = $deviceInfo.docHeight
let viewDate: Date = currentDate ?? today
let viewDateSec: Date
@ -91,40 +93,42 @@
/>
</div>
<div class="content">
<div class="label">
<span class="bold"><Label {label} /></span>
{#if detail}
<span class="divider">-</span>
<Label label={detail} />
{/if}
</div>
<Scroller padding={'1.5rem 2rem'} thinScrollBars>
<div class="label">
<span class="bold"><Label {label} /></span>
{#if detail}
<span class="divider">-</span>
<Label label={detail} />
{/if}
</div>
<DateInputBox
bind:this={dateInput}
bind:currentDate
{withTime}
on:close={() => closeDP(withTime)}
on:save={() => saveDate(withTime)}
/>
<DateInputBox
bind:this={dateInput}
bind:currentDate
{withTime}
on:close={() => closeDP(withTime)}
on:save={() => saveDate(withTime)}
/>
<div class="month-group">
<MonthSquare
bind:currentDate
{viewDate}
{mondayStart}
viewUpdate={false}
hideNavigator="all"
on:update={(result) => updateDate(result.detail)}
/>
<MonthSquare
bind:currentDate
viewDate={viewDateSec}
{mondayStart}
viewUpdate={false}
on:update={(result) => updateDate(result.detail)}
on:navigation={(result) => navigateMonth(result.detail)}
/>
</div>
<div class="month-group">
<MonthSquare
bind:currentDate
{viewDate}
{mondayStart}
viewUpdate={false}
hideNavigator="all"
on:update={(result) => updateDate(result.detail)}
/>
<MonthSquare
bind:currentDate
viewDate={viewDateSec}
{mondayStart}
viewUpdate={false}
on:update={(result) => updateDate(result.detail)}
on:navigation={(result) => navigateMonth(result.detail)}
/>
</div>
</Scroller>
</div>
<div class="footer">
<Button
@ -172,7 +176,6 @@
overflow: hidden;
display: flex;
flex-direction: column;
padding: 1.5rem 2rem;
min-height: 0;
.label {