Почему этот кусок кода создает два поля?

Question

Проблема в том, что мне нужно, чтобы мои покупатели настраивали поле для ввода некоторых дат в текстовой области, и когда я делаю код для него с помощью плагина или жесткую функцию для него, код создает 2 поля ввода, как показано в этом picture / gyazo, я не могу понять, почему: /

https://gyazo.com/97e61de41071324491268258d84f8aae

Вы можете увидеть код в следующем гязо:

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 );