Answers.Body: <ol>
  <li><p>Add a field of type Date to the webform -> set it to default: now - and set it such that start date = now and end date = now; deselect the Enable popup calendar
  <a href="https://i.sstatic.net/P06MX.png" rel="noreferrer"><img src="https://i.sstatic.net/P06MX.png" alt="enter image description here"></a></p></li>
  <li><p>Conditionals: example:
  <a href="https://i.sstatic.net/grMxm.png" rel="noreferrer"><img src="https://i.sstatic.net/grMxm.png" alt="enter image description here"></a></p></li>
  <li><p>Hide the date field with CSS and hide your element with CSS - as you can see above mine is called today:</p></li>
  </ol>
  
  <blockquote>
  <pre><code>.webform-component--today {
    display: none; 
  }
  </code></pre>
  </blockquote>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2018-04-20T15:54:36.680Z
Answers.Text: Very clever solution!
Answers.UserDisplayName: Coleman
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2018-04-20T01:04:32.713Z
Answers.LastActivityDate: 2018-04-20T01:04:32.713Z
Answers.UserDisplayName: KarinG - Semper IT
Body: <p>In native CiviCRM I would do this with a priceset; how do I do this with Webform CiviCRM?</p>
  
Tags: <webform-civicrm><price-sets>
Title: How can I create early bird fees with Webform CiviCRM?
ThreadText: # How can I create early bird fees with Webform CiviCRM?
  
  (Asked by: username_0 on 2018-04-20)
  
  In native CiviCRM I would do this with a priceset; how do I do this with Webform CiviCRM?
  
  **Tags:** webform-civicrm, price-sets
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_0 on 2018-04-20. Score: 5 | Accepted answer
  
  1. Add a field of type Date to the webform -> set it to default: now - and set it such that start date = now and end date = now; deselect the Enable popup calendar
     [![enter image description here](https://i.sstatic.net/P06MX.png)](https://i.sstatic.net/P06MX.png)
  2. Conditionals: example:
     [![enter image description here](https://i.sstatic.net/grMxm.png)](https://i.sstatic.net/grMxm.png)
  3. Hide the date field with CSS and hide your element with CSS - as you can see above mine is called today:
  
  > ```
  > .webform-component--today {
  >   display: none; 
  > }
  >
  > ```
  
  > **Comments:**
  > **username_1**: Very clever solution!  
  
  ---
  
  