Survey Status Component

Available properties:

  • [surveyEndDate] = Date = '2025-06-14T10:53'
  • [isSurveyResponseComplete] = false | true (default: false)
  • [surveyStatusFailed] = false | true (default: false)
  • [showTooltip] = false | true (default: false)
  • [tooltipDelay] = number (default: 0)
Code

<eff-survey-status [surveyEndDate]="'2025-06-14T10:53'" [isSurveyResponseComplete]="false" />

<eff-survey-status [surveyEndDate]="surveyEndDate" [isSurveyResponseComplete]="false" [showTooltip]="true" />

isSurveyRunning && !isSurveyResponseComplete

If the survey is ongoing and the user hasn't submitted a response, it will display the remaining days or hours. When less than 1 hour remains until the survey's end time, it will show the exact end time.


5 days left
1 day left
2 hours left
363 days left
Closing today at 3:00 PM

If surveyEndDate is specified without including a time, for example, '2024-06-14', it defaults to midnight (00:00:00) on the specified date.

You can optionally display a tooltip with a delay, showing the exact date and time when the survey ends. By default, [showTooltip] is set to false, and [tooltipDelay] is set to 0.

isSurveyRunning && isSurveyResponseComplete

If the survey is ongoing and the user has submitted a response, it will display 'Survey closes on X date'.


Closes on Aug 6, 2025
Closes on Aug 11, 2025

!isSurveyRunning

If the survey is passed the end Date, regardless if the user has submitted a response, it will display 'Survey closed on X date'.


Closed on Jun 4, 2025
Closed on Jun 4, 2025