diff --git a/src/lib/holocene/calendar.svelte b/src/lib/holocene/calendar.svelte
index ab448d807..8e15c552e 100644
--- a/src/lib/holocene/calendar.svelte
+++ b/src/lib/holocene/calendar.svelte
@@ -38,20 +38,24 @@
{#each cells as { allowed, value }, index (index)}
-
+ {#if value}
+
+ {:else}
+
+ {/if}
{/each}
@@ -74,7 +78,7 @@
}
.disabled {
- @apply cursor-not-allowed bg-interactive text-disabled opacity-50;
+ @apply cursor-not-allowed bg-interactive/50 text-disabled;
}
.highlight {
diff --git a/src/lib/holocene/date-picker.svelte b/src/lib/holocene/date-picker.svelte
index f28e3eb42..c307c48fa 100644
--- a/src/lib/holocene/date-picker.svelte
+++ b/src/lib/holocene/date-picker.svelte
@@ -2,6 +2,7 @@
import { createEventDispatcher } from 'svelte';
import { clickoutside } from '$lib/holocene/outside-click';
+ import { translate } from '$lib/i18n/translate';
import { getMonthName } from '$lib/utilities/calendar';
import Calender from './calendar.svelte';
@@ -70,6 +71,9 @@
showDatePicker = false;
dispatch('datechange', d.detail);
};
+
+ const previousMonth = translate('date-picker.previous-month');
+ const nextMonth = translate('date-picker.next-month');
(showDatePicker = false)}>
@@ -93,8 +97,9 @@
>
-
+ {previousMonth}
+
@@ -102,9 +107,11 @@
{year}
-
+ Next Month
+