Hi You can create new view in your component and assign that view in new window then call that window in on click event
IF gr_popup IS NOT BOUND.
CALL METHOD comp_controller->window_manager->create_popup
EXPORTING
iv_interface_view_name = 'componentname/windowname'
iv_usage_name = cl_bsp_wd_component_controller=>if_bsp_wd_window_manager~co_own_window
iv_title = 'Give your input'
RECEIVING
rv_result = gr_popup.
gr_popup->set_window_width( '500' ).
gr_popup->set_on_close_event( iv_event_name = 'POPUPCLOSE' iv_view = me ). "#EC NOTEXT
gr_popup->open( ).
RETURN.
ENDIF.
View .htm page you should give input field and button
<thtmlb:grid cellSpacing = "1"
columnSize = "1"
height = "100%"
rowSize = "4"
width = "100%" >
<thtmlb:gridCell columnIndex = "1"
rowIndex = "2" >
<thtmlb:gridCell columnIndex = "1"
rowIndex = "2" >
<thtmlb:inputField id = "input"
visible = "TRUE"
value = "<%= controller->gv_value %>"
type = "date"
disabled = "FALSE"
maxlength = "10"
submitOnEnter = "TRUE"
showHelp = "TRUE" />
</thtmlb:gridCell>
<thtmlb:gridCell columnIndex = "1"
rowIndex = "4" >
<br/>
<thtmlb:button type = "<%= cl_thtmlb_util=>gc_icon_add. %>"
id = "UPDATE"
design = "EMPHASIZED"
text = "<%= cl_wd_utilities=>get_otr_text_by_alias( 'CRM_UIU_BT/DELETE' ). %>"
onClick = "UPDATE" />
<thtmlb:button type = "<%= cl_thtmlb_util=>gc_icon_cancel. %>"
id = "CANCEL"
design = "EMPHASIZED"
text = "<%= cl_wd_utilities=>get_otr_text_by_alias( 'CRM_UIU_BT/CANCEL' ). %>"
onClick = "CANCEL" />
</thtmlb:gridCell>
</thtmlb:grid>
in on click event of update button
request->get_form_fields( CHANGING fields = lt_itab ).
LOOP AT lt_itab INTO ls_itab WHERE name CS 'userinput' AND value EQ 'X'.
gv_value = abap_true.
ENDLOOP.
take value in gv_value and do your code.
Regards,
Deepika.