?>

<?php
     $_months = $block->getMonths();
?>
<?php if (count($_months)) { ?>
<div class="widget block block-archive" data-bind="scope: 'blog-archive'">
<div class="block-title-date" id="myMonthPicker" onclick="activateDatePicker()">
    <strong><?php echo __('Date') ?></strong>
</div>
<div class="block-content" style="display:none;">
    <?php foreach ($_months as $time) { ?>
        <?php
            $title = __($block->getMonth($time)) . ' ' . $block->getYear($time);
            $title = $block->escapeHtml($title, null, true);
        ?>
        <div class="item">
            <a title="<?php echo __('Archive %1', $title) ?>" class="archive-item-link" href="<?php echo $block->getTimeUrl($time) ?>">
                <?php echo $title; ?>
            </a>
        </div>

    <?php } ?>
</div>

<!--script type="text/javascript">

    require(['jquery'],function($){

   $(".block-title-date strong").click(function(){

    $(".block-content").toggle();

});
});

  </script-->
   <script>
    function activateDatePicker() {
        $( "#myMonthPicker" ).Monthpicker();
        //$(".block-content").toggle();
    }
</script>