title: check datetime value is in DateTimeRangeInput in conda panel
body: <p>I'm trying to build a conda panel that can see values based on <a href="https://panel.holoviz.org/reference/widgets/DatetimeRangeInput.html" rel="nofollow noreferrer">DatetimeRangeInput</a> slider</p>
  <p>so I created dataframe like this</p>
  <pre><code>data = {'name':['A', 'B', 'C', 'D'],
          'open_time': [dt.datetime(2021, 7, 1, 21, 0), dt.datetime(2021, 7, 2, 11, 0), dt.datetime(2021, 7, 3, 3, 0),dt.datetime(2021, 7, 3, 2, 0) ],
          'count':[27, 24, 22, 32],
          'size':[34, 56,67,78]
         }
  
  df_sample = pd.DataFrame(data)
  df_sample
  </code></pre>
  <p>so the output like this</p>
  <pre><code>   name open_time          count size
  0   A   2021-07-01 21:00:00 27   34
  1   B   2021-07-02 11:00:00 24   56
  2   C   2021-07-03 03:00:00 22   67
  3   D   2021-07-03 02:00:00 32   78
  </code></pre>
  <p>then added y axis options in this way</p>
  <pre><code>yaxis_sample = pn.widgets.RadioButtonGroup(
      name='Y axis', 
      options=['count', 'size'],
      button_type='success'
  )
  </code></pre>
  <p>widget created like this</p>
  <pre><code>date_range = pn.widgets.DateRangeSlider(
      name='Date Range',
      start=dt.datetime(2021, 7, 1, 00, 00, 00), end=dt.datetime(2021, 8, 1, 00, 00, 00),
      value=(dt.datetime(2021, 7, 2, 00, 00, 00), dt.datetime(2021, 7, 4, 00, 00, 00)),
  )
  
  date_range
  </code></pre>
  <p><a href="https://i.stack.imgur.com/Ma0Fj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ma0Fj.png" alt="enter image description here" /></a>
  then I'm struggling to combine pipeline and widget, in this section</p>
  <pre><code>names = ['A', 'B','C', 'D']
  
  sample_pipeline = (
      df[
          (date_range.align(df_sample.open_time)) &amp;
          (df_sample.name.isin(names))
      ]
      .groupby(['name', 'open_time'])[yaxis_sample].mean()
      .to_frame()
      .reset_index()
      .sort_values(by='open_time')  
      .reset_index(drop=True)
  )
  </code></pre>
  <p>how to check <code>df_sample.open_time</code> is in the range of <code>date_range.value</code> ?</p>
  <p>I've tried following</p>
  <p>Attempt 1</p>
  <pre><code>names = ['A', 'B','C', 'D']
  
  sample_pipeline = (
      df[
          (df_sample.open_time &gt;= date_range.param.value_start) &amp; (df_sample.open_time &lt;= date_range.param.value_end) &amp;
          (df_sample.name.isin(names))
      ]
      .groupby(['name', 'open_time'])[yaxis_sample].mean()
      .to_frame()
      .reset_index()
      .sort_values(by='open_time')  
      .reset_index(drop=True)
  )
  </code></pre>
  <blockquote>
  <p>TypeError: Invalid comparison between dtype=datetime64[ns] and Date</p>
  </blockquote>
  <p>Attempt 2</p>
  <pre><code>names = ['A', 'B','C', 'D']
  
  sample_pipeline = (
      df[
          (df_sample.open_time &gt;= date_range.start) &amp; (df_sample.open_time &lt;= date_range.end) &amp;
          (df_sample.name.isin(names))
      ]
      .groupby(['name', 'open_time'])[yaxis_sample].mean()
      .to_frame()
      .reset_index()
      .sort_values(by='open_time')  
      .reset_index(drop=True)
  )
  </code></pre>
  <blockquote>
  <p>IndexingError: Unalignable boolean Series provided as indexer (index of the boolean Series and of the indexed object do not match).</p>
  </blockquote>