Как сделать фильтр постов по дате в календаре wordpress?

Question

[sickgang]

Помогите пожалуйста, второй день ломаю голову, не могу понять как сделать
Вот такой вопрос, есть вот такая верстка:

Я добавил календарь datapicker, где при клике на какой то день отлавливаю момент, и забираю дата атрибуты, день месяц и год, потом я пробовал через ajax отправлять запрос на restful api wp подставлять в after before дату, но дальше все шло не так и не получалось выводить нормально посты
Как можно сделать иначе, может есть другие способы подключить календарь через форму, помогите пожалуйста, вот сейчас я так вывожу посты

<div class="row pt-4 pb-4 text-center text-md-left list-news">
      <?
      $current_page = (get_query_var('paged')) ? get_query_var('paged') : 1;
      $params = array(
        'orderby'     => 'date',
        'order'       => 'ASC',
      	'posts_per_page' => 10, // количество постов на странице
      	'post_type'       => 'news', // тип постов
      	'paged'           => $current_page // текущая страница
      );
      query_posts($params);

      $wp_query->is_archive = true;
      $wp_query->is_home = false;

      while(have_posts()): the_post();
      ?>
      <? if ($count == 0) { ?>
          <div class="col-8">
            <a href="<?php echo the_permalink(); ?>">
              <div class="post_head-news d-flex align-items-end" style="background-image: url(<?php echo get_the_post_thumbnail_url();?>);">
                <div class="post_head-background flex-column">
                  <div class="post_head-content-wrap">
                    <div class="post-head_title col-12"><?php the_title(); ?></div>
                    <div class="post-head_date col-12"><img src="<? echo get_template_directory_uri(); ?>/assets/svg/clock.svg" alt=""><?php echo get_the_date('j F Y'); ?></div>
                  </div>
                </div>
              </div>
            </a>
          </div>
          <div class="col-4">
            <div class="datepicker-here" @click="filterCalendar()">
            </div>
          </div>
      <? } elseif ($count >= 1 && $count <= 3) {  ?>
        <div class="col-md-4 col-12 mb-3 mt-4">
          <a href="<?php echo the_permalink(); ?>">
            <div class="post_head-news d-flex align-items-end" style="background-image: url(<?php echo get_the_post_thumbnail_url();?>);">
              <div class="post_head-background flex-column">
                <div class="post_head-content-wrap">
                  <div class="post-head_title col-12"><?php the_title(); ?></div>
                    <div class="post-head_date col-12"><img src="<? echo get_template_directory_uri(); ?>/assets/svg/clock.svg" alt=""><?php echo get_the_date('j F Y'); ?></div>
                </div>
                </div>
              </div>
            </a>
          </div>
      <?} elseif ($count > 3) {?>
        <div class="col-lg-4 col-sm-6 col-12">
          <a href="<?php echo the_permalink(); ?>">
            <div class="post row">
              <div class="post_img post_img-news col-6 col-lg-6 col-xl-5 col-md-6 col-sm-7 w-25">
                <img src="<?php echo get_the_post_thumbnail_url();?>" alt="">
              </div>
              <div class="col-6 col-lg-6 col-xl-7 col-md-6 col-sm-5 row pl-0">
                <div class="post_title col-12"><?php the_title(); ?></div>
                <div class="post_date-wrap d-flex align-items-end col-12">
                  <div class="post_date">
                    <img src="<? echo get_template_directory_uri(); ?>/assets/svg/clock-blue.svg" alt=""><?php echo get_the_date('j F Y'); ?>
                  </div>
                </div>
              </div>
            </div>
          </a>
        </div>
        <?}?>
      <?$count++;
      endwhile;
       ?>
    </div>

Из-за такой верстки пришлось с условиями выводить.