为什么这段代码创建两个字段？

Question

问题是我需要一个供我的买家使用的自定义字段，以便在文本区域中输入一些日期，并且当我使用插件为其编写代码或对其进行硬编码时，该代码将显示2个输入字段，如下所示图片/ gyazo，ii似乎无法找出原因：/

https://gyazo.com/97e61de41071324491268258d84f8aae

您可以在下一个gyazo中查看代码：

https://gyazo.com/e811efd8b0e9c60b361dc52027693797

我已经尽我所能来解决我的问题

//Custom Product Option

function custom_field_by_category() {
    global $product;

    if ( is_product_category( 'work-date' ) ) {
        return;
    }

    ?>
    <div class="custom-date-field">
        <label for="custom-date"><?php _e( 'Engraving (10 characters)', 'iconic' ); ?></label>
        <input type="text" id="custom-date" name="dato_oensker" placeholder="<?php _e( 'Dato Ønsker', 'iconic' ); ?>" maxlength="10">
    </div>
    <?php
}

add_action( 'woocommerce_before_add_to_cart_button', 'custom_field_by_category', 10 );