Setting custom slider field min/max onscreen separator

Hi,

Created a field for a sliding age range:

// Age Range Fields
                    array(
                        'name' => esc_html__( 'Age Range', 'mydomain' ),
                        'id'   => $prefix . 'age_range',
                        'type' => 'slider',
                                
                        'js_options' => array(
                            'min'   => 1,
                            'max'   => 100,
                            'step'  => 1,
                            'range'   => TRUE,
                        ),
                    ),

When adding/editing a record or when using the Frontend Submission form the 2 numbers are displayed as pipe separated (as this is how it's stored in the database. Is there a way of changing the display separator? For example, instead of showing "10|16" it shows "10 to 16".

Thanks.