ACFの日付選択ツール、時間選択ツールで、曜日付きのスケジュールを作成

<div class="calendar_box">
	<div class="al_heading">
		<?php the_field('add_nichiji'); ?>
		<?php
			$daytime = get_field('add_nichiji', false, false); 
			$date = date('w', strtotime($daytime));

			$week = [
  				'日', //0
  				'月', //1
  				'火', //2
  				'水', //3
  				'木', //4
  				'金', //5
  				'土', //6
  			];

			echo '（' .$week[$date] . '）';
		?>
	</div>
	<div class="artist_wrapper">
		<?php
			$image = get_field('add_artistphoto');
			if( $image ):
    		// Image variables.
    		$url = $image['url'];
    		$title = $image['title'];
    		$alt = $image['alt'];
    		// Thumbnail size attributes.
    		$size = 'large';
    		$thumb = $image['sizes'][ $size ];
		?>
			<figure class="artist_photo">
        		<img src="<?php echo esc_url($thumb); ?>" alt="<?php echo esc_attr($alt); ?>" />
    		</figure>
		<?php endif; ?>
		<div class="artist_content">
			<h3><?php the_field('add_livetitle'); ?></h3>
			<h5><?php the_field('add_liveheading'); ?></h5>
			<p><?php the_field('add_livecontent'); ?></p>
		</div>
	</div>
	<div class="start_head">
		Open / Start
	</div>
	<div class="start_content">
		<?php
			$date = get_field('add_nichiji', false, false); 
			$date = new DateTime($date); 
			echo $date->format('n/j '); 
		?>
		<?php
			$daytime = get_field('add_nichiji', false, false); 
			$date = date('w', strtotime($daytime));

			$week = [
				'Sun', //0
				'Mon', //1
				'Tue', //2
				'Wed', //3
				'Thu', //4
				'Fri', //5
				'Sat', //6
			];

			echo '(' .$week[$date] . ')';
		?>
		 Open <?php the_field('add_opentime'); ?>  Start <?php the_field('add_starttime'); ?>	
	</div>
</div>												

.calendar_box{
	width:80%;
	margin:auto;
	max-width: 1500px;
}

.calendar_box .al_heading{
	margin: auto;
	margin-bottom: 1.5em;
	border-bottom: solid 2px #272727;
	font-size:1.3em;
	font-weight:500;
	letter-spacing:0.1em;
}

.artist_photo{
	width:100%;
	flex:1;
	padding-bottom:1em;
}

.artist_photo img{
	width:100%;
	height:auto;
}

.artist_content{
	flex:1;
}

.calendar_box h3{
	color: #D00003;
	font-weight: 500;
}

.calendar_box h5{
	color: #D00003;
	font-weight: 500;
	padding-top: 1em;
}

.calendar_box p{
	padding-top:1em;
}

.calendar_box .start_head{
	padding: 0.5em 1em;
	background: #ddd;
	width:100%;
	font-weight: 400;
	margin:2em 0 1em;
}

.start_content{
	font-weight:400;
}

@media screen and (min-width: 1250px) {
	.artist_wrapper{
		display: flex;
    	gap: 2em;  
	}	
}