File Upload Date Range - Copy this Html, Tailwind Component to your project

@extends('layouts.master') @section('body') <div class="content-wrapper container-xxl p-0"> <div class="content-header row"> </div> <div class="content-body"> <div class="text-center"> <h3>Eksi Endekse Düşmüş Sayaç</h3> <p class="mb-2"> Eksi endekse düşmüş sayaçları öğrenmek için sayaç numaralarının olduğu excel dosyasını yükleyiniz. </p> </div> <div class="d-flex justify-content-center"> <div class="col-xl-6 col-lg-6 col-md-6"> <div class="card"> <form action="{{ route('meterindexrollbackData') }}" method="POST" enctype="multipart/form-data"> @csrf <!-- Tarih Aralığı Giriş Alanları --> <div class="col-md-6"> <div class=""> <label class="form-label"> <i class="bi bi-info-circle"></i> Oluşturulma Tarihi </label> <div class="input-group"> <input type="date" value="{{Request::get('start')}}" name="start" id='start' class="form-control" placeholder="Başlangıç"> <input type="date" value="{{Request::get('end')}}" name="end" id='end' class="form-control" placeholder="Bitiş"> </div> </div> </div> <!-- Dosya Yükleme Alanı --> <div class="mt-3"> <input type="file" name="excelFile" class="form-control"> </div> <!-- Submit Butonu --> <div class="mt-3"> <button type="submit" class="btn btn-primary">Upload Excel</button> </div> </form> @if (session('success')) <div class="alert alert-success mt-3"> {{ session('success') }} </div> @endif @if (session('error')) <div class="alert alert-danger mt-3"> {{ session('error') }} </div> @endif </div> </div> </div> </div> </div> @endsection bu kodu görsel anlamda düzenler misin