你帮我写一个带有费率代码输入框，结算日期的日期选择器，靠泊日期的日期选择器，箱型的输入框，并且与Bootstrap Modal 组件结合，标题是筛选条件

好的，以下是一个简单的HTML代码示例，包含费率代码输入框、结算日期的日期选择器、靠泊日期的日期选择器以及箱型的输入框，并且结合了Bootstrap Modal 组件，标题是筛选条件：

<!-- 按钮触发模态框的HTML代码 -->
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#filterModal">
  打开筛选条件
</button>

<!-- 模态框的HTML代码 -->
<div class="modal fade" id="filterModal" tabindex="-1" aria-labelledby="filterModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="filterModalLabel">筛选条件</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <label for="rateCodeInput">费率代码</label>
          <input type="text" class="form-control" id="rateCodeInput" placeholder="输入费率代码">
        </div>
        <div class="form-group">
          <label for="settlementDateInput">结算日期</label>
          <input type="date" class="form-control" id="settlementDateInput">
        </div>
        <div class="form-group">
          <label for="arrivalDateInput">靠泊日期</label>
          <input type="date" class="form-control" id="arrivalDateInput">
        </div>
        <div class="form-group">
          <label for="containerTypeInput">箱型</label>
          <input type="text" class="form-control" id="containerTypeInput" placeholder="输入箱型">
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary">查询</button>
      </div>
    </div>
  </div>
</div>

您可以将此示例代码复制粘贴到您的HTML文件中，并根据需要进行修改。