<script setup>

    const gregdate = new Date();

    const unitydate = unixtounity(gregdate);

</script>




<style scoped>

    .indexcalendar {
        display: flex; justify-content: space-between;
        
    }

    .calendarpart {
        flex: 1;
        /* border: 1px solid black; */
    }

    @media (max-width: 720px) {
        .indexcalendar {
            flex-direction: column;
        }
        
        .calendarpart {
            width: 100%;
        }

    }

</style>


<template>
    <div class="indexcalendar">
        <div class="calendarpart">
            <MainCalendarToday
                :gregdate = gregdate 
                :unitydate = unitydate
            />
        </div>
        <div class="calendarpart">
            <MainCalendarFrame
                :unitydate = unitydate
            />
        </div>
    </div>
</template>