您可以使用引导：
款式：

.date-container {
  position: relative;
  float: left;
}

.custom-button {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 25px;
  height: 25px;
  background: #fff;
  pointer-events: none;
}

.custom-button button {
  border: none;
  background: transparent;
}

您的自定义组件：

<div class="date-container">
  <input type="datetime-local" class="form-control" />
  <span class="custom-button">
    <button type="button">
      <i class="bi bi-calendar4" style="color: cornflowerblue;"></i>
    </button>
  </span>
</div>

您可以在blazorfiddle中看到此代码