<script setup>

const props = defineProps(['unitydate', 'gregdate'])

</script>

<style scoped>

    .todaybound {

        display: flex; flex-direction: column;
        justify-content: space-around;
        align-items: center;
        height: 100%;
        padding-top: 1.2rem; padding-bottom: 1.2rem;
        gap: 2rem;
        box-sizing: border-box;
    }

    @media (max-width: 720px) {

        .todaybound {

            padding: .6rem;
            

        }

    }

</style>

<template>

    <div class="todaybound">
        <MainCalendarTodayIs 
            :unitydate = unitydate
            :gregdate = gregdate
        />
        <MainCalendarTodayWeekday 
            :unitydate = unitydate
        />
        <MainCalendarTodayHoliday />
    </div>

</template>