Update app2.py

app2.py

@@ -1,6 +1,3 @@
-import panel as pn
-from panel import Tabs
-
 pn.extension('katex')
 
 import pytz
@@ -15,18 +12,12 @@ from src.search import Search_Papers
 class MainBody(param.Parameterized):
     main_body = param.List(default=[pn.pane.LaTeX("Please select some tags!", styles={'font-size': '20pt'})])
 
-
-    
-    
     @param.depends("main_body")
     def update(self):
         return pn.Column(*self.main_body)
 
 main_body_instance = MainBody()
 
-
-
-
 paper_list = []  # Add this line to initialize paper_list as an empty list
 
 main_body = [pn.pane.LaTeX("Please select some tags!", styles={'font-size': '20pt'})]
@@ -54,7 +45,20 @@ def display_selected_value(event):
 select.param.watch(display_selected_value, 'value')
 select2.param.watch(display_selected_value, 'value')
 
-date_picker = pn.widgets.DatePicker(name='Date Picker',width_policy ="fit",max_width = 140)
+custom_css = """
+.datepicker-modal {
+    z-index: 10000 !important;
+}
+"""
+
+# Custom callback to set the z_index of the date picker widget when it opens
+def set_date_picker_zindex(event):
+    date_picker = event.obj
+    date_picker.z_index = 9999  # Set a high z-index value to bring it to the front
+
+# Create the Datepicker widget
+date_picker = pn.widgets.DatePicker(name='Select Date', sizing_mode='stretch_width')
+date_picker.param.watch(set_date_picker_zindex, 'value')
 
 # Create a column layout for the buttons inside the toggleable sidebar
 buttons = pn.Column(
@@ -73,8 +77,6 @@ buttons = pn.Column(
 def toggle_settings(event):
     buttons[-1].visible = event.new
 
-
-
 button3.param.watch(toggle_settings, 'value')
 
 # List to store the entered options
@@ -152,13 +154,14 @@ filter_list = pn.widgets.MultiChoice(
 template = pn.template.FastListTemplate(
     title="EasySciRead",
     header=[pn.Row(header_buttons, width=750, sizing_mode='stretch_width'), pn.Row(filter_list, width=250), pn.Row(add_to_header_button, width=55)],
-    main=main_body_instance.update
+    main= main_body_instance.update,
     sidebar=[buttons],
     accent_base_color="#88d8b0",
     header_background="#FFFFFF",
     header_color="#000000",
     text_align='center',
     sidebar_width=200,
+    css=custom_css,
     sizing_mode = 'stretch_both'
 )